Question

我需要在jquery中构建一个倒数计时器，用来替换格式为XX Days XX：XX：XX的php变量的span标签中的html。它应该在页面加载时加载变量，然后当jquery脚本加载时，它开始倒计时但保持相同的格式（XX Days XX：XX：XX）并最终显示“Expired”并停止倒计时。

我有一个jsFiddle启动（http://jsfiddle.net/2SDdh/1/），但它显示格式化的时间，然后加载10秒倒计时，最终显示“已过期”。任何人都知道如何正确格式化？

我的HTML输出通过PHP

<span class="exp">10 Days 10:10:10</span>

我的jQuery

$(function(){
  var count = 10;
  countdown = setInterval(function(){
    if (count > 0) {
      count--;
      $(".exp").html(count);
    } else {
      $(".exp").html('Expired');
    }
  }, 1000);
});

Answer 1

为什么不使用one that already exists?而不是滚动自己的倒数计时器。 KK Countdown适合我。

Answer 2

试试这个

HTML：

<span class="days">10</span> Days <br />
<span class="exp">23:59:59</span>

javascript：

 $(function(){
    var days = 10;
    var count = 86399;
    var count2 = 0;
    var hour = 0;
    var min = 0;
    var sec = 0;

    countdown = setInterval(function() {
        if (days != 0 || count != 0) {
            if (count == 0) {
                days--;
                count = 86399;
            } else {
                count--;
            }
            count2 = count;
            hour = Math.floor(count2 / 3600);
            count2 = count2 % 3600;
            min = Math.floor(count2 / 60);
            count2 = count2 % 60;
            sec = count2;

            $(".exp").html(hour + ":" + min + ":" + sec);
            $(".days").html(days);
        } else {
            $(".exp").html('Expired');
        }
    }, 1000);
});

干杯！

来自格式化变量的jQuery和PHP Countdown计时器

2 个答案: