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鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
Jan 14 Javascript
浅析Javascript中“==”与“===”的区别
Dec 23 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
bootstrap输入框组代码分享
Jun 07 Javascript
JS判断数组那点事
Oct 10 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
vue中nextTick用法实例
Sep 11 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
js实现飞机大战小游戏
Aug 26 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
Nov 07 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 06 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邮件发送类PHPMailer用法实例详解
2014/09/22 PHP
简单介绍PHP的责任链编程模式
2015/08/11 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
js获取元素的外链样式的简单实现方法
2016/06/06 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
jQuery Masonry瀑布流插件使用方法详解
2017/01/18 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
详解vue-router基本使用
2017/04/18 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
[01:34]完美“圣”典宣传片震撼发布,12.17与你不见不散
2016/12/16 DOTA
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
python连接mongodb密码认证实例
2018/10/16 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
python如何代码集体右移
2020/07/20 Python
10分钟入门CSS3 Animation
2018/12/25 HTML / CSS
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
城市轨道专业个人求职信范文
2013/09/23 职场文书
医生实习工作总结的自我评价
2013/09/27 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
励志演讲稿500字
2014/08/21 职场文书
财务整改报告范文
2014/11/05 职场文书