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 相关文章推荐
JSON 数字排序多字段排序介绍
Sep 18 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
jQuery中ajax的load()方法用法实例
Dec 26 Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
前端设计师们最常用的JS代码汇总
Sep 25 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
详解vue项目构建与实战
Jun 27 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 Javascript
Vue的生命周期一起来看看
Feb 24 Vue.js
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实现Socket服务器的代码
2008/04/03 PHP
php $_SERVER当前完整url的写法
2009/11/12 PHP
php数据库配置文件一般做法分享
2012/07/07 PHP
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
thinkPHP框架RBAC实现原理分析
2019/02/01 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
js 键盘记录实现(兼容FireFox和IE)
2010/02/07 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
jQuery无刷新上传之uploadify简单代码
2017/01/17 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
python利用Guetzli批量压缩图片
2017/03/23 Python
利用python编写一个图片主色转换的脚本
2017/12/07 Python
详解opencv Python特征检测及K-最近邻匹配
2019/01/21 Python
pow在python中的含义及用法
2019/07/11 Python
Python如何实现动态数组
2019/11/02 Python
Python实现直播推流效果
2019/11/26 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
比较一下entity bean和session bean
2013/12/27 面试题
记者岗位职责
2014/01/06 职场文书
校园之声广播稿
2014/01/31 职场文书
经营理念口号
2014/06/21 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
毕业生银行实习自我鉴定
2014/10/14 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
2021/10/16 HTML / CSS