使用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数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 Javascript
JS中window.open全屏命令解析及使用示例
Dec 11 Javascript
jQuery循环滚动新闻列表示例代码
Jun 17 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 Javascript
JS中的form.submit()不能提交表单的错误原因
Oct 08 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
Oct 20 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
实例讲解JS中pop使用方法
Jan 27 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 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
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
javascript 密码强弱度检测万能插件
2009/02/25 Javascript
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
2016/04/01 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
Angular2利用组件与指令实现图片轮播组件
2017/03/27 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
分析JS中this引发的bug
2017/12/12 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
2019/11/14 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
简单了解Python读取大文件代码实例
2019/12/18 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
Puma印度官网:德国运动品牌
2019/10/06 全球购物
英国性能汽车零件和发动机配件在线:Maxpeedingrods
2019/11/05 全球购物
不假外出检讨书
2014/01/27 职场文书
教师产假请假条范文
2014/04/10 职场文书
揭牌仪式策划方案
2014/05/28 职场文书
组织生活会发言材料
2014/12/15 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
预备党员入党思想汇报(范文)
2019/08/14 职场文书
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android
业余无线电通联Q语
2022/02/18 无线电
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server
SQL Server 中的事务介绍
2022/05/20 SQL Server