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 相关文章推荐
IE event.srcElement和FF event.target 功能比较
Mar 01 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 Javascript
jQuery异步加载数据并添加事件示例
Aug 24 Javascript
jQuery使用hide方法隐藏元素自身用法实例
Mar 30 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
关于JSON与JSONP简单总结
Aug 16 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
Oct 13 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
javascript实现blob加密视频源地址的方法
Aug 08 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
vue使用echarts画组织结构图
Feb 06 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提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
2013/12/17 Javascript
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
基于html5和nodejs相结合实现websocket即使通讯
2015/11/19 NodeJs
jQuery Validate表单验证入门学习
2015/12/18 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
2016/12/07 Javascript
jQuery中的deferred对象和extend方法详解
2017/05/08 jQuery
JavaScript订单操作小程序完整版
2017/06/23 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
python实现log日志的示例代码
2018/04/28 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
django中的数据库迁移的实现
2020/03/16 Python
在Python中使用K-Means聚类和PCA主成分分析进行图像压缩
2020/04/10 Python
几款好用的python工具库(小结)
2020/10/20 Python
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
施工班组长岗位职责
2014/01/05 职场文书
个人评语大全
2014/05/04 职场文书
初中教师业务学习材料
2014/05/12 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
监察建议书
2015/02/04 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
培训感想范文
2015/08/07 职场文书
公司管理建议书
2015/09/14 职场文书
《认识年月日》教学反思
2016/02/19 职场文书
Golang数据类型和相互转换
2022/04/12 Golang