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 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
在线编辑器中换行与内容自动提取
Apr 24 Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 Javascript
javascript编写实用的省市选择器
Feb 12 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
Jun 30 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
实例详解vue中的$root和$parent
Apr 29 Javascript
vue页面更新patch的实现示例
Mar 25 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加密解密类代码
2011/11/27 PHP
php数组一对一替换实现代码
2012/08/31 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
jquery下json数组的操作实现代码
2010/08/09 Javascript
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
2015/05/04 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
bootstrapvalidator之API学习教程
2017/06/29 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
Python itertools模块详解
2015/05/09 Python
Python的Scrapy爬虫框架简单学习笔记
2016/01/20 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
Python语言的变量认识及操作方法
2018/02/11 Python
python3实现随机数
2018/06/25 Python
详解python分布式进程
2018/10/08 Python
selenium+PhantomJS爬取豆瓣读书
2019/08/26 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
预订旅游活动、景点和旅游:GetYourGuide
2019/09/29 全球购物
JD Sports澳洲官网:英国领先的运动鞋和运动时尚零售商
2020/02/15 全球购物
Linux管理员面试题 Linux admin interview questions
2014/11/01 面试题
《春笋》教学反思
2014/04/15 职场文书
爱心捐助倡议书
2014/05/19 职场文书
诚信考试承诺书范文
2015/04/29 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技