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 相关文章推荐
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
require、backbone等重构手机图片查看器
Nov 17 Javascript
探索Javascript中this的奥秘
Dec 11 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 Javascript
微信小程序实现图片压缩功能
Jan 26 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
JavaScript自定义超时API代码实例
Apr 30 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面向对象全攻略 (七) 继承性
2009/09/30 PHP
php pthreads多线程的安装与使用
2016/01/19 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
php实现算术验证码功能
2018/12/05 PHP
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
Bootstrap每天必学之响应式导航、轮播图
2016/04/25 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
Vue实现简易翻页效果源码分享
2018/11/08 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
简单讲解Python编程中namedtuple类的用法
2016/06/21 Python
Python实现的将文件每一列写入列表功能示例【测试可用】
2018/03/19 Python
Python中交换两个元素的实现方法
2018/06/29 Python
解决Django中调用keras的模型出现的问题
2019/08/07 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
python GUI库图形界面开发之PyQt5状态栏控件QStatusBar详细使用方法实例
2020/02/28 Python
python批量修改交换机密码的示例
2020/09/22 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
商务英语专业应届毕业生求职信
2013/10/28 职场文书
副总经理工作职责
2013/11/28 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
党支部四风整改方案
2014/10/25 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
美术教师个人总结
2015/02/06 职场文书
家属联谊会致辞
2015/07/31 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电