使用javascript实现有效时间的控制,并显示将要过期的时间

JavaScript实现的一个设置时间有效期的，自己用jQuery实现的感觉代码太不简练，这个是同事写的一段js代码，自己研究学习了一下


代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#lastdate{ color:#FF9900; font-style:normal;}
</style>

</head>
<body>
<div class="f-c">
          <select id="date_sel" name="period" class="buyConQc select150">
                           <option value="0">一天内</option>
                           <option value="1">两天内</option>
                           <option value="2">三天内</option>
                           <option value="3">四天内</option>

</select>
        <span class="postAction">在  <em id="lastdate">2012-9-28</em>  后，将过期</span>

</div>
 <script type="text/javascript">

document.getElementById('date_sel').onchange = function(){
        var time = new Date();
        var pre_year = time.getFullYear();
        var pre_month = time.getMonth();
        var pre_day = time.getDate();
        var sel_day = parseInt(document.getElementById('date_sel').value);
        switch(sel_day){
            case 0: pre_day +=1;break;
            case 1: pre_day +=2;break;
            case 2: pre_day +=3;break;
            case 3: pre_day +=4;break;
            default:pre_day +=1;break;
}
    var endtime = new Date(pre_year, pre_month, pre_day);
    document.getElementById('lastdate').innerHTML = endtime.getFullYear()+"-"+(endtime.getMonth()+1)+"-"+endtime.getDate();
};
</script>
</body>
</html>

赞 (0)

相关推荐

  • JavaScript显示当然日期和时间即年月日星期和时间

    效果: 当前时间:2011年6月20日 星期一12:0:19 复制代码 代码如下: <mce:script language="javascript"><!-- function getTimeNow() { var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var week; var da

  • 比较简洁的JavaScript 实时显示时间的脚本 修正版

    JavaScript显示时间,时间还在走动着!不是一个静态的效果! function Time() 定义一个函数.  { if (!document.layers&&!document.all)  return 由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码.这句话判断一下用户所使用的浏览器,如果两者都不是,就返回.  var timer=new Date() 定义一个新的变量,名字为timer,为一个新的Date的对象.  var hou

  • javascript+php实现根据用户时区显示当地时间的方法

    本文实例讲述了javascript+php实现根据用户时区显示当地时间的方法.分享给大家供大家参考.具体如下: 在跨时区应用中会用到下面代码,这是以前写的一段代码. 服务器保存相关时间配置,保存形式为GMT时间,客户端需要根据客户所在时区做相应显示,以符合客户习惯. 1. JavaScript代码如下: window.onload = function() { //TODO begin 处理登陆用户时区 //获得登陆用户时区与GMT时区的差值 var exp = new Date(); var

  • javascript页面动态显示时间变化示例代码

    复制代码 代码如下: <html> <head> <title></title> <script> function getDateDemo(){ /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 alert(date.getFullYear());//显示年份 alert(date.getMonth() + 1);

  • javascript实时显示北京时间的方法

    本文实例讲述了javascript实时显示北京时间的方法.分享给大家供大家参考.具体如下: 该页面中实时显示北京时间,更改时区也可以作为显示世界时间,代码如下: 复制代码 代码如下: <script type="text/javascript"> Date.prototype.strftime = function(format){     var o = {       "M+" :  this.getMonth()+1,  //month      

  • JavaScript实现同步于本地时间的动态时间显示方法

    本文实例讲述了JavaScript实现同步于本地时间的动态时间显示方法.分享给大家供大家参考.具体分析如下: 动态显示时间的例子非常简单,了解JavaScript之后就是几行的代码便能够完成的事情, 但是对于一些未接触过JavaScript的人来说,几乎很大工程的样子,然后在网上苦苦寻觅代码,之后在茫茫的html代码中寻求不到,最终得不到要领. 一.基本目标 实现一个随同客户端(浏览者机器上的)时间的网页文本时间,使用最短的代码. 二.制作过程 复制代码 代码如下: <!DOCTYPE html

  • 判断Session的过期时间 采用JavaScript实时显示剩余多少秒

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <%session.timeout=1440 '单位(分钟)1440=24小时 参数不能大于24小时 也就是不能大于1440分钟%> <% if session("login")<>"888888" then'判断Session是否有效 Response.Write("Session过期了&quo

  • JavaScript实现页面实时显示当前时间的简单实例

    复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,month,date; var strDate ; today=new Da

  • 使用javascript实现有效时间的控制,并显示将要过期的时间

    JavaScript实现的一个设置时间有效期的,自己用jQuery实现的感觉代码太不简练,这个是同事写的一段js代码,自己研究学习了一下 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://

  • javascript控制层显示或隐藏的方法

    本文实例讲述了javascript控制层显示或隐藏的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>中国风</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script language="JavaScript&qu

  • js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法

    本文实例讲述了js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法.分享给大家供大家参考.具体如下: //控制logo的显示位置 Begin window.addEventListener("resize", function () { // 得到屏幕尺寸 (内部/外部宽度,内部/外部高度) changeLogoPosition(); }, false); changeLogoPosition(); function changeLogoPosition() { var conten

  • 用按钮控制iframe显示的网页实现方法

    复制代码 代码如下: //有两个按钮分别响应两个事件,用来控制iframe显示的网页. <script type="text/javascript"> function bd(){ var baidu = document.getElementById("i"); baidu.src = "http://www.baidu.com"; } function xl(){ var sina = document.getElementByI

  • JS实现控制图片显示大小的方法【图片等比例缩放功能】

    JS实现控制图片显示大小的方法【图片等比例缩放功能】

    本文实例讲述了JS实现控制图片显示大小的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

  • JavaScript实现鼠标滚轮控制页面图片切换功能示例

    本文实例讲述了JavaScript实现鼠标滚轮控制页面图片切换功能.分享给大家供大家参考,具体如下: 鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们快速的浏览网页,快速的进行长篇文章的阅读.对于web前端的我们来说又怎么能不注重这个鼠标滚轮呢,那么它能如何让用户更好的浏览网页呢? 最常见就是图片的切换了,能通过滚动滚轮进行图片的浏览,省得用户还要去点下一张,做这种繁琐的步骤.来看个简单的例子吧. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML

  • 引入JavaScript时alert弹出框显示中文乱码问题

    引入JavaScript时alert弹出框显示中文乱码问题

    今天在HTML中引入JavaScript文件运行时,alert弹出的提示框中文显示为乱码. 经查有两种可能: 1.JavaScript与HTML文件编码方式不一样 办法:在引入JavaScript的代码中指定其字符集为gb2312,代码如下: <script charset="gb2312" type="text/javascript" language="javascript" src="javascript.js"&

  • JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

    本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法.分享给大家供大家参考.具体如下: html代码: <form name="searchform" id="search-form"> <div> <b>Search</b> <input type="text" name="txtInput" title="Enter the t

  • JavaScript使表单中的内容显示在屏幕上的方法

    本文实例讲述了JavaScript使表单中的内容显示在屏幕上的方法.分享给大家供大家参考.具体实现方法如下: 一.使内容水平出现 <html> <head> <title>测试</title> <script type="text/javascript"> function to() { var txt=document.getElementById("txt").value; document.getEl

  • Apache控制是否显示站点目录(推荐)

    加载 mod_autoindex 模块 Apache 2.4版本,如果要控制站点目录是否显示,需要 mod_autoindex 模块.如果没有该模块,显示站点目录的指令无效. 加载该模块 LoadModule autoindex_module modules/mod_autoindex.so 方法一 解决过程:首先查看apache官网文档,不能快速找到需要的部分.用搜索引擎查找"apache显示站点目录",找到相关资料,雷同.按照资料说明配置无效. 开始尝试在虚拟主机和非虚拟主机尝试资

随机推荐