使用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 小练习(实例代码)
Aug 07 Javascript
一个javascript图片阅览组件
Nov 09 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
javascript中this指向详解
Apr 23 Javascript
web.js.字符串与正则表达式操作
May 13 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
Vuejs 页面的区域化与组件封装的实现
Sep 11 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
对layui中table组件工具栏的使用详解
Sep 19 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中使用preg_match_all匹配文章中的图片
2013/02/06 PHP
DOM XPATH获取img src值的query
2013/09/23 PHP
详解PHP中的PDO类
2015/07/06 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
jQuery trigger()方法用法介绍
2015/01/13 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
vue + elementUI实现省市县三级联动的方法示例
2019/10/29 Javascript
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
uwsgi+nginx部署Django项目操作示例
2018/12/04 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
Python CSS选择器爬取京东网商品信息过程解析
2020/06/01 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
Pandas之缺失数据的实现
2021/01/06 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
竞聘书模板
2014/03/31 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
售房委托书
2014/08/30 职场文书
项目合作协议书
2014/09/23 职场文书
工程款催款函
2015/06/24 职场文书
初中生物教学随笔
2015/08/15 职场文书
丧事答谢词大全
2015/09/30 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
Python基础之字符串格式化详解
2021/04/21 Python
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
Golang中异常处理机制详解
2021/06/08 Golang