Javascript 分区分区倒计时

我想在我的每个div中显示倒计时。现在，我从数据库中获取秒数并存储在data countdown属性中，然后使用下面的js代码进行倒计时。只有第一个div每秒更改一次值，其他div不会更改。 这是小提琴：

---

当您在不使用

var

关键字的情况下声明变量时，您正在创建一个全局变量。因此，倒计时的每个实例都会覆盖前面的

finalDate

、

timeout

和

time

值。尝试在每一行之前添加

var

，它应该可以满足您的需要。i、 e:

var finalDate = $(this).data('countdown');
var $this = $(this);
var timeout = null;
var time = null;
startCountdown($this,finalDate, 1000, end);

---

当您在不使用

var

关键字的情况下声明变量时，您正在创建一个全局变量。因此，倒计时的每个实例都会覆盖前面的

finalDate

、

timeout

和

time

值。尝试在每一行之前添加

var

，它应该可以满足您的需要。i、 e:

var finalDate = $(this).data('countdown');
var $this = $(this);
var timeout = null;
var time = null;
startCountdown($this,finalDate, 1000, end);

---

您也可以在常规Javascript而不是jQuery中执行此操作

var countdownDivs=document.queryselectoral（'div[data countdown]”）；
函数结束（）{
警惕（）；
}
函数倒计时（显示、计时、暂停、回调）{
display.innerHTML=timen；
如果（timen==0）callback（）；
否则{
显示超时；
clearTimeout（display.timeout）；
display.timeout=setTimeout（函数（）{
倒计时（显示，时间n-1，暂停，回调）
}（停顿）；
}
}
对于（var i=countdownDivs.length>>0；i--；）{
倒计时（countdownDivs[i]，countdownDivs[i].dataset.countdown，1000，end）；
}

div[数据倒计时]{
字体大小：25px；
颜色：#e3b40b；
字号：600；
}

---

您也可以在常规Javascript中而不是在jQuery中执行此操作

var countdownDivs=document.queryselectoral（'div[data countdown]”）；
函数结束（）{
警惕（）；
}
函数倒计时（显示、计时、暂停、回调）{
display.innerHTML=timen；
如果（timen==0）callback（）；
否则{
显示超时；
clearTimeout（display.timeout）；
display.timeout=setTimeout（函数（）{
倒计时（显示，时间n-1，暂停，回调）
}（停顿）；
}
}
对于（var i=countdownDivs.length>>0；i--；）{
倒计时（countdownDivs[i]，countdownDivs[i].dataset.countdown，1000，end）；
}

div[数据倒计时]{
字体大小：25px；
颜色：#e3b40b；
字号：600；
}

您想做什么？。。你能解释一下吗more@SunnyS.M看我的小提琴。我希望每个部门都有一个单独的倒计时我迟到了。。它有solvedhere（）我更新了代码，但Brandon Gano已经解决了…你想做什么？。。你能解释一下吗more@SunnyS.M看我的小提琴。我希望每个部门都有一个单独的倒计时我迟到了。。我更新了代码，但是Brandon Gano已经解决了…非常感谢！解决了很多问题！解决了这个问题

var finalDate = $(this).data('countdown');
var $this = $(this);
var timeout = null;
var time = null;
startCountdown($this,finalDate, 1000, end);