使用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的TreePanel中的应用
Oct 16 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
jQuery中unwrap()方法用法实例
Jan 16 Javascript
JavaScript里实用的原生API汇总
May 14 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
May 03 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
JavaScript类的写法
Sep 17 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
JS实现百度搜索框关键字推荐
Feb 17 Javascript
如何利用js在两个html窗口间通信
Apr 27 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通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
2016/07/12 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
layui中table表头样式修改方法
2018/08/15 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
react 兄弟组件如何调用对方的方法示例
2018/10/23 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
2018/12/20 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
Python中os和shutil模块实用方法集锦
2014/05/13 Python
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
python获取当前计算机cpu数量的方法
2015/04/18 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
Python的UTC时间转换讲解
2019/02/26 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
python 如何利用argparse解析命令行参数
2020/09/11 Python
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
2021/02/24 HTML / CSS
澳大利亚设计的婴儿和女孩的衣服:Oobi
2018/12/16 全球购物
String和StringBuffer的区别
2015/08/13 面试题
师范生自荐信范文
2013/10/06 职场文书
写给妈妈的道歉信
2014/01/11 职场文书
护士毕业生自我鉴定
2014/02/08 职场文书
项目经理任命书范本
2014/06/05 职场文书
基层党建工作汇报材料
2014/08/15 职场文书
2014县委书记四风对照检查材料思想汇报
2014/09/21 职场文书
奖学金感谢信
2015/01/21 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
Java中的随机数Random
2022/03/17 Java/Android