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 相关文章推荐
jQuery DOM操作小结与实例
Jan 07 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
那些年,我还在学习jquery 学习笔记
Mar 05 Javascript
使用jquery动态加载js文件的方法
Dec 24 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
详解基于angular路由的requireJs按需加载js
Jan 20 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
js实现适配不同的屏幕大小
Apr 10 Javascript
深入了解js原型模式
May 30 Javascript
微信小程序实现发微博功能的示例代码
Jun 24 Javascript
Vue清除定时器setInterval优化方案分享
Jul 21 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读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP多种序列化/反序列化的方法详解
2017/06/23 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
js innerHTML 的一些问题的解决方法
2008/06/22 Javascript
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
实例分析JS与Node.js中的事件循环
2017/12/12 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
Python使用re模块实现信息筛选的方法
2018/04/29 Python
python的turtle库使用详解
2019/05/10 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
Python日志处理模块logging用法解析
2020/05/19 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
日本非常有名的内衣丝袜品牌:GUNZE
2017/01/06 全球购物
斯凯奇新西兰官网:SKECHERS新西兰
2018/02/22 全球购物
求最大连续递增数字串(如"ads3sl456789DF3456ld345AA"中的"456789")
2015/09/11 面试题
物业保安主管岗位职责
2013/12/25 职场文书
工作检讨书怎么写
2014/10/10 职场文书
报名委托书
2015/01/29 职场文书
应聘教师求职信范文
2015/03/20 职场文书
晚会开场白和结束语
2015/05/29 职场文书
寻找成龙观后感
2015/06/12 职场文书
公司要求试用期员工提交“述职报告”,该怎么写?
2019/07/17 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js