使用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 单击li防止重复加载的实现代码
Dec 24 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
Aug 06 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
jQuery Password Validation密码验证
Dec 30 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
图文讲解vue的v-if使用方法
Feb 11 Javascript
使用vue重构资讯页面的实例代码解析
Nov 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/11/14 PHP
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
2014/10/17 Javascript
node.js中的console.assert方法使用说明
2014/12/10 Javascript
js实现非常简单的焦点图切换特效实例
2015/05/07 Javascript
浅谈JSON.parse()和JSON.stringify()
2015/07/14 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
使用vue构建一个上传图片表单
2017/07/04 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
Vue项目移动端滚动穿透问题的实现
2020/05/19 Javascript
浅析我对JS延迟异步脚本的思考
2020/10/12 Javascript
windows下安装python paramiko模块的代码
2013/02/10 Python
Python使用函数默认值实现函数静态变量的方法
2014/08/18 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
pandas.dataframe按行索引表达式选取方法
2018/10/30 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
python系统指定文件的查找只输出目录下所有文件及文件夹
2020/01/19 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
python Paramiko使用示例
2020/09/21 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
DKNY品牌官网:纽约大都会时尚风格
2016/10/20 全球购物
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
性能测试工程师的面试题
2015/02/20 面试题
医院院务公开实施方案
2014/05/03 职场文书
鲁迅故居导游词
2015/02/05 职场文书
现役军人家属慰问信
2015/03/24 职场文书
2015年公司工作总结
2015/04/25 职场文书
党员公开承诺书(2016最新版)
2016/03/24 职场文书
2016年小学圣诞节活动总结
2016/03/31 职场文书
如何做好工作总结!
2019/04/10 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android