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 相关文章推荐
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
javascript if条件判断方法小结
May 17 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
详细讲解JavaScript中的this绑定
Oct 10 Javascript
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
Sep 21 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 Javascript
vue+element ui实现锚点定位
Jun 29 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开发微信支付的代码分享
2014/05/25 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
帝国cms目录结构分享
2015/07/06 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
2018/03/07 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
ES6 十大特性简介
2020/12/09 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python改变日志(logging)存放位置的示例
2014/03/27 Python
详解Python当中的字符串和编码
2015/04/25 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
django session完成状态保持的方法
2018/11/27 Python
实例介绍Python中整型
2019/02/11 Python
在django模板中实现超链接配置
2019/08/21 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
简述synchronized和java.util.concurrent.locks.Lock的异同
2014/12/08 面试题
介绍一下Linux中的链接
2016/06/05 面试题
创业计划书六个要素
2013/12/26 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
优秀学生主要事迹怎么写
2015/11/04 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
Python数据可视化之绘制柱状图和条形图
2021/05/25 Python
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python