(多个)jQuery 倒计时问题
Problems with (multiple) jQuery countdowns
我现在正在倒计时。
目标是在页面上显示多个倒计时。
一个 interval() 倒计时没有问题,但是当它达到两个或更多倒计时时,它只会显示最后一个倒计时。
倒计时结构:
- 从
<div value"..."> <div>
中获取 unix 时间戳
- 将带有 jQuery 的 unix 时间戳变成一个漂亮的倒计时。
- 在
.html()
或.text()
页面上显示所有倒计时
希望你能帮帮我。
尝试更改:
$(".timestamp").text(function(k){
return seconds[k];
});
与:
$(this).text(seconds[k]);
如果你不需要保留原始值你也可以使用这样的东西:
$(".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 下面:
我现在正在倒计时。 目标是在页面上显示多个倒计时。 一个 interval() 倒计时没有问题,但是当它达到两个或更多倒计时时,它只会显示最后一个倒计时。
倒计时结构:
- 从
<div value"..."> <div>
中获取 unix 时间戳
- 将带有 jQuery 的 unix 时间戳变成一个漂亮的倒计时。
- 在
.html()
或.text()
页面上显示所有倒计时
希望你能帮帮我。
尝试更改:
$(".timestamp").text(function(k){
return seconds[k];
});
与:
$(this).text(seconds[k]);
如果你不需要保留原始值你也可以使用这样的东西:
$(".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 下面: