无法从我的span元素

时间:2017-11-04 00:22:48

标签: javascript

我的文档中有这样的span元素:

<span id="countdown-box">3</span>

这是我在第一个版本中的javascript代码,在这种情况下给出了3,并且从3倒数到零,这并不奇怪:

var timeleft = 3;
var downloadTimer = setInterval(function () {
    timeleft--;
    document.getElementById("countdown-box").textContent = timeleft;
    if (timeleft <= 0)
        clearInterval(downloadTimer);
}, 1000);

但不是将值作为常数给予变量timeleft,而是希望从beggining处的span元素中获取它,而不是倒数到0。

类似的东西,但它不起作用......

var timeleft = document.getElementById("countdown-box").textContent;
var downloadTimer = setInterval(function () {
    timeleft--;
    document.getElementById("countdown-box").textContent = timeleft;
    if (timeleft <= 0)
        clearInterval(downloadTimer);
}, 1000);

1)变量timeleft从span元素获取值,现在我应该在timeleft中有3。然后timeleft递减,并且每次更新span元素后直到它为0.这就是我理解它的方式。 我也尝试使用parseInt()或Number(),但在这种情况下,倒计时不起作用。

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

您无法进一步从范围中检索值。进入timeleft后,您正在修改timeleft,而不是范围的值。

答案 1 :(得分:-1)

...解决

var downloadTimer = setInterval(function () {
    document.getElementById("countdown-box").textContent--;
    if (document.getElementById("countdown-box").textContent <= 0)
        clearInterval(downloadTimer);
}, 1000);

不,它像我想要的那样工作。遗憾。