1

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

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

我通过 PHP 输出的 HTML

<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);
});
4

2 回答 2

0

与其滚动你自己的倒数计时器，为什么不使用已经存在的倒数计时器呢？. KK倒计时对我来说效果很好。

于 2012-10-30T21:27:04.987 回答
0

试试这个

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);
});​

干杯!

于 2012-10-31T10:23:32.963 回答