使用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面向对象设计用{}好还是function(){}好(构造函数)
Oct 23 Javascript
js、css、img等浏览器缓存问题的2种解决方案
Oct 23 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
Jun 23 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
JavaScript中reduce()方法的使用详解
Jun 09 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
浅谈js中的bind
Mar 18 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
js实现三角形粒子运动
Sep 22 Javascript
如何构建一个Vue插件并生成npm包
Oct 26 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实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
php从完整文件路径中分离文件目录和文件名的方法
2015/03/13 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
PHP中使用socket方式GET、POST数据实例
2015/04/02 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
详细分析JS函数去抖和节流
2017/12/05 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
Vue自定义指令写法与个人理解
2019/02/09 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
python导入时小括号大作用
2017/01/10 Python
Django如何自定义分页
2018/09/25 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
python模拟菜刀反弹shell绕过限制【推荐】
2019/06/25 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
个人求职信范文
2014/05/24 职场文书
师德师风自我评价范文
2014/09/11 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
伊索寓言读书笔记
2015/06/30 职场文书
MySQL 分组查询的优化方法
2021/05/12 MySQL