(多个)jQuery倒计时的问题

时间:2015-01-23 14:20:59

标签: jquery countdown

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

倒计时结构:

  1. <div value"..."> <div>
  2. 获取unix时间戳
  3. 将jix的unix时间戳转换为一个很好的倒计时。
  4. 使用.html().text()
  5. 显示网页上的所有倒计时

    希望你能帮助我。

    http://jsfiddle.net/be89dwno/

2 个答案:

答案 0 :(得分:1)

尝试改变:

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

with:

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

demo here

答案 1 :(得分:1)

如果您不需要保留原始值,也可以使用以下内容:

$(".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。下面的演示链接:

http://jsfiddle.net/x6htakaw/