Jquery时间倒数
2015-07-31 13:40
645 查看
/*
* 使用此时间倒数计时js需要引入jquery-1.7.2.min.js
* 参数
* 使用时只需要条用timer(intDiff);方法
* intDiff:时间倒数的毫秒值(使用时只需在js中定义该变量并且赋值即可)int类型
* 页面显示需要<span id="day_show"></span> <span id="hour_show"></span> ...等回显
*这个可以作为参数传入可以根据跟人需求进行优化
*/
代码如下:
* 使用此时间倒数计时js需要引入jquery-1.7.2.min.js
* 参数
* 使用时只需要条用timer(intDiff);方法
* intDiff:时间倒数的毫秒值(使用时只需在js中定义该变量并且赋值即可)int类型
* 页面显示需要<span id="day_show"></span> <span id="hour_show"></span> ...等回显
*这个可以作为参数传入可以根据跟人需求进行优化
*/
代码如下:
//时间倒计时 var intDiff = parseInt(X);//倒计时总秒数量 var timeID; function timer(intDiff){ timeID = window.setInterval(function(){//开始计时器 var day=0,hour=0,minute=0,second=0;//时间默认值 if(intDiff > 0){ day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); }else{ window.clearInterval(timeID);//停止计时器 } if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $('#day_show').html(day+"天"); $('#hour_show').html('<s id="h"></s>'+hour+'时'); $('#minute_show').html('<s></s>'+minute+'分'); $('#second_show').html('<s></s>'+second+'秒'); intDiff--; }, 1000); }
相关文章推荐
- jQuery插件 粘贴事件
- 超简单jquery tab切换
- jquery实现手机号码选号的方法
- 【Ajax技术】JQuery的应用与高级调试技巧
- jquery中ul > li是什么意思?
- jQuery模糊匹配checkbox全选 value实现checkbox部分或全部全选
- jquery模拟alert的弹窗插件
- jquery 动态添加onclick事件
- jQuery 效果 - animate() 方法
- jquery清空表单数据
- jquery中这句 .stop(false,true); 什么意思。
- jQuery 如何操作cookie (网上资料太乱,故特意整理最简单的)
- jQuery 事件 - mouseleave() 方法
- jquery 控制 select 选中
- jQuery JSON转换 数组转字符串 获取显示器长宽
- jQuery.hover() 函数详解
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- 轻量级网页遮罩层jQuery插件用法实例
- jquery全局变量---同步请求设置
- jquery遍历,选择器等等