您的位置:首页 > Web前端 > JQuery

jquery简单倒计时实现方法

2015-12-18 00:00 926 查看
本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

jquery实现倒计时效果
jQuery实现商品活动倒计时
利用jQuery实现漂亮的圆形进度条倒计时插件
jquery实现可关闭的倒计时广告特效代码
jQuery实现的手机发送验证码倒计时效果代码分享
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
jQuery团购倒计时特效实现方法
JQuery仿小米手机抢购页面倒计时效果
jquery实现手机发送验证码的倒计时代码
JQuery实现的按钮倒计时效果
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: