使用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 相关文章推荐
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
手把手教你自己写一个js表单验证框架的方法
Sep 14 Javascript
非主流的textarea自增长实现js代码
Dec 20 Javascript
js动态为代码着色显示行号
May 29 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
JS实现全屏预览F11功能的示例代码
Jul 23 Javascript
vue移动端弹框组件的实例
Sep 25 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和file_get_content的区别
2014/05/10 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
php通过curl添加cookie伪造登陆抓取数据的方法
2016/04/02 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
JS实现清除指定cookies的方法
2014/09/20 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
2015/03/17 Javascript
jQuery实现给页面换肤的方法
2015/05/30 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
2020/11/05 Javascript
python局部赋值的规则
2013/03/07 Python
Python不规范的日期字符串处理类
2014/06/10 Python
详解Python的Django框架中的通用视图
2015/05/04 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
Python面向对象之继承代码详解
2018/01/29 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
keras 多任务多loss实例
2020/06/22 Python
美国老牌主机服务商:iPage
2016/07/22 全球购物
英国鲜花速递:Serenata Flowers
2018/04/03 全球购物
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
毕业生优秀推荐信
2013/11/26 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
生物学学生自我评价
2014/01/17 职场文书
银行内勤岗位职责
2014/04/09 职场文书
公司会议策划方案
2014/05/17 职场文书
婚纱店策划方案
2014/05/22 职场文书
奉献爱心演讲稿
2014/09/04 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
python 详解turtle画爱心代码
2022/02/15 Python