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 array 数组详解
Mar 22 Javascript
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
Dec 02 Javascript
jquery 页面滚动到底部自动加载插件集合
Jan 31 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 Javascript
详解json串反转义(消除反斜杠)
Aug 12 Javascript
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
Vue3 实现双盒子定位Overlay的示例
Dec 22 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缩放gif和png图透明背景变成黑色的解决方法
2014/10/14 PHP
javascript 树控件 比较好用
2009/06/11 Javascript
JSQL 基于客户端的成绩统计实现方法
2010/05/05 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
vue组件生命周期详解
2017/11/07 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
2020/05/28 Javascript
vue实现移动端拖动排序
2020/08/21 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
python爬取淘宝商品详情页数据
2018/02/23 Python
Django rest framework实现分页的示例
2018/05/24 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
python调用java的jar包方法
2018/12/15 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
Python生成词云的实现代码
2020/01/14 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
Python如何转换字符串大小写
2020/06/04 Python
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
《鸿门宴》教学反思
2014/04/22 职场文书
小学课外阅读总结
2014/07/09 职场文书
护士2014年终工作总结
2014/11/11 职场文书
2015年生活老师工作总结
2015/05/27 职场文书
爱国主义电影观后感
2015/06/18 职场文书
观后感格式
2015/06/19 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS