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 相关文章推荐
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
Aug 12 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
JavaScript Uploadify文件上传实例
Feb 28 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
JS实现列表页面隔行变色效果
Mar 25 Javascript
Vue2组件tree实现无限级树形菜单
Mar 29 Javascript
layer iframe 设置关闭按钮的方法
Sep 12 Javascript
JavaScript正则表达式验证登录实例
Mar 18 Javascript
JS前后端实现身份证号验证代码解析
Jul 23 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常用函数小技巧
2008/09/11 PHP
php array_intersect()函数使用代码
2009/01/14 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
7个Javascript地图脚本整理
2009/10/20 Javascript
js获取当月最后一天实例代码
2013/11/19 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
Js中async/await的执行顺序详解
2017/09/22 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
使用Python解析JSON数据的基本方法
2015/10/15 Python
利用python发送和接收邮件
2016/09/27 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
Python django框架输入汉字,数字,字符生成二维码实现详解
2019/09/24 Python
Python中bisect的使用方法
2019/12/31 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
python 获取域名到期时间的方法步骤
2021/02/10 Python
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
机电一体化职业规划书
2014/01/07 职场文书
满月酒主持词
2014/03/27 职场文书
专业技术人员年度考核评语
2014/12/31 职场文书
成本会计岗位职责
2015/02/03 职场文书
上诉答辩状范文
2015/05/22 职场文书
力克胡哲观后感
2015/06/10 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python