使用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 相关文章推荐
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
Jquery Validation插件防止重复提交表单的解决方法
Mar 05 Javascript
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
jquery的each方法使用示例分享
Mar 25 Javascript
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
jquery中map函数遍历数组用法实例
May 18 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
jQuery焦点图轮播效果实现方法
Dec 19 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
layui表格数据复选框回显设置方法
Sep 13 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数据库操作面向对象的优点
2006/10/09 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
让PHP显示Facebook的粉丝数量方法
2014/01/08 PHP
PHP中4种常用的抓取网络数据方法
2015/06/04 PHP
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
Angular用来控制元素的展示与否的原生指令介绍
2015/01/07 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
[02:27]2018DOTA2亚洲邀请赛趣味视频之钓鱼大赛 谁是垂钓冠军?
2018/04/05 DOTA
Python编程之基于概率论的分类方法:朴素贝叶斯
2017/11/11 Python
python爬取网页转换为PDF文件
2018/06/07 Python
Python实现基于C/S架构的聊天室功能详解
2018/07/07 Python
使用Python实现将多表分批次从数据库导出到Excel
2020/05/15 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
Matplotlib.pyplot 三维绘图的实现示例
2020/07/28 Python
First Aid Beauty官网:FAB急救面霜
2018/05/24 全球购物
德国净水壶和滤芯品牌:波尔德PearlCo(家用净水器)
2020/04/29 全球购物
JAVA和C++的区别
2013/10/06 面试题
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
职称自我鉴定
2013/10/15 职场文书
2014年五一促销活动方案
2014/03/09 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
地震慰问信
2015/02/14 职场文书
2019银行竞聘书
2019/06/21 职场文书
十大动画制作软件,Adobe产品上榜两款,第一是行业标准软件
2022/03/18 杂记