使用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获取input表单值的代码
Apr 19 Javascript
深入理解JavaScript中的传值与传引用
Dec 09 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
jQuery实现tag便签去重效果的方法
Jan 20 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
Sep 09 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
JS数组方法join()用法实例分析
Jan 18 Javascript
uni-app使用微信小程序云函数的步骤示例
May 22 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获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
JavaScript的类型、值和变量小结
2015/07/09 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
vue实现分页栏效果
2019/06/28 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
原生js实现无缝轮播图效果
2021/01/28 Javascript
Python编程中的异常处理教程
2015/08/21 Python
python中urllib.unquote乱码的原因与解决方法
2017/04/24 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
Python中函数参数匹配模型详解
2019/06/09 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
Python ORM编程基础示例
2020/02/02 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
详解python中groupby函数通俗易懂
2020/05/14 Python
Pycharm中如何关掉python console
2020/10/27 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
使用css如何制作时间ICON方法实践
2012/11/12 HTML / CSS
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
美国知名生活购物网站:Goop
2017/11/03 全球购物
倡议书格式
2014/08/30 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
PhpSpreadsheet中文文档 | Spreadsheet操作教程实例
2021/04/01 PHP
什么是SOLID
2022/03/24 Javascript
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android
Go 内联优化让程序员爱不释手
2022/06/21 Golang