使用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 相关文章推荐
使用Javascript和DOM Interfaces来处理HTML
Oct 09 Javascript
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
js精度溢出解决方案
Dec 02 Javascript
ES6通过babel转码使用webpack使用import关键字
Dec 13 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
了解JavaScript中let语句
May 30 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
Sep 11 Javascript
jQuery编写QQ简易聊天框
Aug 27 jQuery
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操作mysql函数详解,mysql和php交互函数
2011/05/19 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
jquery中实现标签切换效果的代码
2011/03/01 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
学习JavaScript设计模式(接口)
2015/11/26 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
Vue v2.5 调整和更新不完全问题
2017/10/24 Javascript
React事件处理的机制及原理
2018/12/03 Javascript
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
Python实现简单层次聚类算法以及可视化
2019/03/18 Python
python动态文本进度条的实例代码
2020/01/22 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
老公给老婆的道歉信
2014/01/10 职场文书
优秀团队获奖感言
2014/02/19 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
校园广播稿100字
2014/10/06 职场文书
2015毕业生自我评价范文
2015/03/02 职场文书
八月迷情观后感
2015/06/11 职场文书
遗失证明范文
2015/06/19 职场文书
小学语文国培研修日志
2015/11/13 职场文书
TS 类型收窄教程示例详解
2022/09/23 Javascript