jquery简单倒计时实现方法


Posted in Javascript onDecember 18, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
Jan 11 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
JavaScript中switch判断容易犯错的一个细节
Aug 27 Javascript
动态加载js、css的简单实现代码
May 26 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
javascript实现复选框全选或反选
Feb 04 Javascript
js异步编程小技巧详解
Aug 14 Javascript
简单实现vue验证码60秒倒计时功能
Oct 11 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
Nov 25 Javascript
layui实现三级联动效果
Jul 26 Javascript
js命名空间写法示例
Dec 18 #Javascript
JavaScript Split()方法
Dec 18 #Javascript
jquery中object对象循环遍历的方法
Dec 18 #Javascript
JavaScript的Number对象的toString()方法
Dec 18 #Javascript
JavaScript ParseFloat()方法
Dec 18 #Javascript
jquery中ajax跨域方法实例分析
Dec 18 #Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
Dec 18 #Javascript
You might like
一个比较简单的PHP 分页分组类
2009/12/10 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
Js 去掉字符串中的空格(实现代码)
2013/11/19 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
jQuery javascript获得网页的高度与宽度的实现代码
2016/04/26 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
jQuery图片缩放插件smartZoom使用实例详解
2017/08/25 jQuery
bootstrap table sum总数量统计实现方法
2017/10/29 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
js+canvas实现刮刮奖功能
2020/09/13 Javascript
python中文乱码的解决方法
2013/11/04 Python
python写的ARP攻击代码实例
2014/06/04 Python
使用Python获取网段IP个数以及地址清单的方法
2018/11/01 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
python定时任务 sched模块用法实例
2019/11/04 Python
Python使用进程Process模块管理资源
2020/03/05 Python
python的dict判断key是否存在的方法
2020/12/09 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
canvas线条的属性详解
2018/03/27 HTML / CSS
巴西服装和鞋子购物网站:Marisa
2018/10/25 全球购物
后勤人员自我鉴定
2013/10/20 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
办理房产证委托书
2014/09/18 职场文书
教师个人师德总结
2015/02/06 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
困难补助申请报告
2015/05/19 职场文书
phpQuery解析HTML乱码问题(补充官网未列出的乱码解决方案)
2021/04/01 PHP
解决vue中provide inject的响应式监听
2022/04/19 Vue.js