使用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 相关文章推荐
js实现跟随鼠标移动且带关闭功能的图片广告实例
Feb 26 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
AngularJS转换响应内容
Jan 27 Javascript
JQuery fileupload插件实现文件上传功能
Mar 18 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
JavaScript 下载svg图片为png格式
Jun 21 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
Sep 14 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
微信小程序实现上传照片代码实例解析
Aug 04 Javascript
js 数据类型判断的方法
Dec 03 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
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 has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
PHP跳转页面的几种实现方法详解
2013/06/08 PHP
php写的AES加密解密类分享
2014/06/20 PHP
推荐25款php中非常有用的类库
2014/09/29 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
php阳历转农历优化版
2016/08/08 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
JS无缝滚动效果实现方法分析
2016/12/21 Javascript
js oncontextmenu事件使用详解
2017/03/25 Javascript
Mongoose经常返回e11000 error的原因分析
2017/03/29 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
如何提升vue.js中大型数据的性能
2019/06/21 Javascript
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
Windows下安装python2和python3多版本教程
2017/03/30 Python
Python AES加密模块用法分析
2017/05/22 Python
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
python requests 库请求带有文件参数的接口实例
2019/01/03 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
基于MATLAB和Python实现MFCC特征参数提取
2019/08/13 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
临床护士自荐信
2014/01/31 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
校长创先争优承诺书
2014/08/30 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
2014年学生会工作总结
2014/11/07 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书