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


Posted in Javascript onJanuary 02, 2014

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>
Javascript 相关文章推荐
学习ExtJS accordion布局
Oct 08 Javascript
JavaScript中两种链式调用实现代码
Jan 12 Javascript
浅析JavaScript中的typeof运算符
Nov 30 Javascript
基于jQuery实现下拉框
Nov 24 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
vue-router相关基础知识及工作原理
Mar 16 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
May 30 Javascript
js实现计时器秒表功能
Dec 16 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 Javascript
jQuery简单实现banner图片切换
Jan 02 #Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
Jan 02 #Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 #Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 #Javascript
js/jQuery简单实现选项卡功能
Jan 02 #Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 #Javascript
js判断字符长度以及中英文数字等
Dec 31 #Javascript
You might like
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
PHP实现统计所有字符在字符串中出现次数的方法
2017/10/17 PHP
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
JS实现复制内容到剪贴板功能
2017/02/05 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
微信小程序 开发MAP(地图)实例详解
2017/06/27 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
微信 jssdk 签名错误invalid signature的解决方法
2019/01/14 Javascript
python抓取网页图片并放到指定文件夹
2014/04/24 Python
python基础教程之缩进介绍
2014/08/29 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
理论讲解python多进程并发编程
2018/02/09 Python
Python中str.join()简单用法示例
2018/03/20 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
python3实现在二叉树中找出和为某一值的所有路径(推荐)
2019/12/26 Python
Pycharm 2020最新永久激活码(附最新激活码和插件)
2020/09/17 Python
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
50岁生日感言
2014/01/23 职场文书
申论倡议书范文
2014/05/13 职场文书
计算机应用专业毕业生求职信
2014/06/03 职场文书
庆元旦活动总结
2014/07/09 职场文书
作风转变心得体会
2014/09/02 职场文书
计算机专业自荐信范文
2015/03/26 职场文书
停电通知范文
2015/04/16 职场文书
离婚案件答辩状
2015/05/22 职场文书
红色经典观后感
2015/06/18 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
解决golang post文件时Content-Type出现的问题
2021/05/02 Golang
go语言中fallthrough的用法说明
2021/05/06 Golang
详解在OpenCV中如何使用图像像素
2022/03/03 Python