使用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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
javascript判断变量是否有值的方法
Apr 20 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
Bootstrap所支持的表单控件实例详解
May 16 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
微信小程序之批量上传并压缩图片的实例代码
Jul 05 Javascript
es6函数之尾递归用法实例分析
Apr 25 Javascript
TypeScript魔法堂之枚举的超实用手册
Oct 29 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获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
php将会员数据导入到ucenter的代码
2010/07/18 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
js 中 document.createEvent的用法
2010/08/29 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
2013/02/05 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
详解JavaScript中的链式调用
2020/11/27 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
python简单的函数定义和用法实例
2015/05/07 Python
Python Property属性的2种用法
2015/06/21 Python
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
wxpython布局的实现方法
2019/11/01 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
父亲的菜园教学反思
2014/02/13 职场文书
三分钟演讲稿范文
2014/04/24 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
小学班主任自我评价
2015/03/11 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书