(多个)jQuery 倒计时问题

Problems with (multiple) jQuery countdowns

我现在正在倒计时。 目标是在页面上显示多个倒计时。 一个 interval() 倒计时没有问题,但是当它达到两个或更多倒计时时,它只会显示最后一个倒计时。

倒计时结构:

  1. <div value"..."> <div>
  2. 中获取 unix 时间戳
  3. 将带有 jQuery 的 unix 时间戳变成一个漂亮的倒计时。
  4. .html().text()
  5. 页面上显示所有倒计时

希望你能帮帮我。

http://jsfiddle.net/be89dwno/

尝试更改:

$(".timestamp").text(function(k){
    return seconds[k];
});

与:

$(this).text(seconds[k]);

demo here

如果你不需要保留原始值你也可以使用这样的东西:

$(".timestamp").each(function() {
    var timestamp_value = $(this).attr("value");
    var new_value =  timestamp_value - 1;
    //change how you want your time look like below
    var new_value_text = new_value.toString();
    $(this).attr("value", new_value);
    $(this).html(new_value_text);
});

将它放在函数中,然后使用 setInterval。演示 link 下面:

http://jsfiddle.net/x6htakaw/