使用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用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
AngularJS基础学习笔记之简单介绍
May 10 Javascript
js实现图片点击左右轮播
Jul 08 Javascript
全面解析Bootstrap布局组件应用
Feb 22 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
js中的面向对象入门
Mar 06 Javascript
node app 打包工具pkg的具体使用
Jan 17 Javascript
js实现简单的贪吃蛇游戏
Apr 23 Javascript
微信小程序实现电子签名并导出图片
May 27 Javascript
JS自定义右键菜单实现代码解析
Jul 16 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中static静态变量的使用方法详解
2010/06/04 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
用js自动判断浏览器分辨率的代码
2007/01/28 Javascript
实例:用 JavaScript 来操作字符串(一些字符串函数)
2007/02/15 Javascript
一个JS翻页效果
2007/07/23 Javascript
用js实现随机返回数组的一个元素
2007/08/13 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
js和jquery中循环的退出和继续学习记录
2014/09/06 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
2016/03/11 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
Vue.js双向绑定操作技巧(初级入门)
2016/12/27 Javascript
妙用Angularjs实现表格按指定列排序
2017/06/23 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
vuejs数据超出单行显示更多,点击展开剩余数据实例
2019/05/05 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
python 利用zmail库发送邮件
2020/09/11 Python
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
教师教学评估方案
2014/05/09 职场文书
文明家庭事迹材料
2014/12/20 职场文书
雨花台导游词
2015/02/06 职场文书
小班下学期个人总结
2015/02/12 职场文书
永远是春天观后感
2015/06/12 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书
500字作文之周记
2019/12/13 职场文书
(开源)微信小程序+mqtt,esp8266温湿度读取
2021/04/02 Javascript
Python PIL按比例裁剪图片
2022/05/11 Python