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 相关文章推荐
ExtJS Ext.MessageBox.alert()弹出对话框详解
Apr 02 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
Knockout自定义绑定创建方法
Dec 26 Javascript
用js实现博客打赏功能
Oct 24 Javascript
axios 处理 302 状态码的解决方法
Apr 10 Javascript
详解angular部署到iis出现404解决方案
Aug 14 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
微信小程序自定义导航栏
Dec 31 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
Dec 20 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 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
ThinkPHP3.2.3数据库设置新特性
2015/03/05 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
无需数据库在线投票调查php代码
2016/07/20 PHP
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
js实现倒计时效果(小于10补零)
2017/03/08 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
[04:28]2014DOTA2国际邀请赛 采访小兔子LGD挺进钥匙体育馆
2014/07/14 DOTA
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
Python中取整的几种方法小结
2017/01/06 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
python使用Plotly绘图工具绘制水平条形图
2020/03/25 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
python logging 日志的级别调整方式
2020/02/21 Python
基于python实现ROC曲线绘制广场解析
2020/06/28 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
顶撞领导检讨书
2014/01/29 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
幼儿园辞职书
2015/02/26 职场文书
设备技术员岗位职责
2015/04/11 职场文书
春晚观后感
2015/06/11 职场文书
家访教师心得体会
2016/01/23 职场文书
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers