jquery简单倒计时实现方法
2015-12-18 00:00
926 查看
本文实例讲述了jquery简单倒计时实现方法。分享给大家供大家参考,具体如下:
希望本文所述对大家jQuery程序设计有所帮助。
jQuery实现商品活动倒计时
利用jQuery实现漂亮的圆形进度条倒计时插件
jquery实现可关闭的倒计时广告特效代码
jQuery实现的手机发送验证码倒计时效果代码分享
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
jQuery团购倒计时特效实现方法
JQuery仿小米手机抢购页面倒计时效果
jquery实现手机发送验证码的倒计时代码
JQuery实现的按钮倒计时效果
var intDiff = parseInt(60); //倒计时总秒数量 function timer(intDiff) { 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); } 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); } $(function () { timer(intDiff); });
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
jquery实现倒计时效果jQuery实现商品活动倒计时
利用jQuery实现漂亮的圆形进度条倒计时插件
jquery实现可关闭的倒计时广告特效代码
jQuery实现的手机发送验证码倒计时效果代码分享
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
jQuery团购倒计时特效实现方法
JQuery仿小米手机抢购页面倒计时效果
jquery实现手机发送验证码的倒计时代码
JQuery实现的按钮倒计时效果
相关文章推荐
- jQuery实现textarea自动增长宽高的方法
- jquery获取css的color值返回RGB的方法
- jQuery+JSON实现AJAX二级联动实例分析
- jQuery中trigger()与bind()用法分析
- jQuery打字效果实现方法(附demo源码下载)
- jQuery对html元素的取值与赋值实例详解
- jquery判断复选框选中状态以及区分attr和prop
- jquery实现二级导航下拉菜单效果
- jQuery Validate插件实现表单强大的验证功能
- angular 之 bindJQuery
- jQuery源码学习扒一扒jQuery对象初使化
- JQuery(三)
- JQuery(二)
- jQuery笔记
- jQueryMobile--栅格布局
- jQueryMobile--基础
- JQuery(一)
- jQuery Ajax 实例 全解析(转)
- jQuery学习之jQuery Ajax用法详解(转)
- jquery checkbox (选中和取消选中事件on("change"))做笔记