使用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内置对象 学习笔记
Aug 01 Javascript
idTabs基于JQuery的根据URL参数选择Tab插件
Apr 11 Javascript
jquery判断浏览器类型的代码
Nov 05 Javascript
jQuery实现图片信息的浮动显示实例代码
Aug 28 Javascript
为什么JavaScript没有块级作用域
May 22 Javascript
jQuery EasyUi 验证功能实例解析
Jan 06 Javascript
jQuery实现扑克正反面翻牌效果
Mar 10 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
Vue常用的几个指令附完整案例
Nov 06 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
uni-app使用countdown插件实现倒计时
Nov 01 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中使用smarty生成静态文件的例子
2014/04/24 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
北京奥运官方网站幻灯切换效果flash版打包下载
2008/01/30 Javascript
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
vue debug 二种方法
2018/09/16 Javascript
利用jqgrid实现上移下移单元格功能
2018/11/07 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
Python Requests 基础入门
2016/04/07 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
python迭代dict的key和value的方法
2018/07/06 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
工程项目经理岗位职责
2013/12/15 职场文书
学生自我评语大全
2014/04/18 职场文书
廉洁自律证明
2015/06/24 职场文书
在人间读书笔记
2015/06/30 职场文书