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管理作用域的问题
Apr 10 Javascript
JS嵌套函数调用上下文的问题解决
Mar 26 Javascript
jQuery mobile 移动web(6)
Dec 20 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
Jul 19 Javascript
vue router使用query和params传参的使用和区别
Nov 13 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
node.js制作一个简单的登录拦截器
Feb 10 Javascript
JavaScript实现世界各地时间显示
Sep 07 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下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
php实现的SESSION类
2014/12/02 PHP
PHP中SESSION的注销与清除
2015/04/16 PHP
php常用图片处理类
2016/03/16 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
2010/03/23 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
JS大坑之19位数的Number型精度丢失问题详解
2019/04/22 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
2020/04/15 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
简述Python中的进程、线程、协程
2016/03/18 Python
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
Python实现扫码工具的示例代码
2020/10/09 Python
JSF如何进行表格处理及取值
2012/08/06 面试题
思想品德自我鉴定
2013/10/12 职场文书
幼儿教师工作感言
2014/02/14 职场文书
建设工地安全标语
2014/06/07 职场文书
机械专业技术员求职信
2014/06/14 职场文书
普通话演讲稿
2014/09/03 职场文书
优秀党支部申报材料
2014/12/24 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书
Mysql 如何实现多张无关联表查询数据并分页
2021/06/05 MySQL
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers