我的 "document.getElementById("").innerHTML = "";" 放在哪里在我的Javascript？

Question

目前我正在 javascript 中创建屏幕计时器。这是我的计时器的代码：

var i = 30;

function startTimer() {
var countdownTimer = setInterval(function() {

console.log(i);
i = i - 1;

if (i < 0) {

clearInterval(countdownTimer);

}

}, 1000);

}

我只是想知道我应该把我的 document.getElementById("time-remaining").innerHTML = "Time Remaining:" + i;

放在哪里

我也想知道上面的document.getElementById是否正确（它会显示为屏幕计时器还是会失败或其他什么）？

在此先致谢。

Answer 1

你可以把

document.getElementById("time-remaining").innerHTML = "Time Remaining:" + i;

在 startTimer 函数之后或任何地方。

是的，document.getElementById 是正确的，如果您的 html id 与 javascript 中的相同。

Answer 2

试试这个：

var i = 30;
function startTimer() {
    var countdownTimer = setInterval(function () {
        console.log(i);
        i = i - 1;
        if (i < 0) {
            clearInterval(countdownTimer);
            return; //This will prevent -1 to be written to html
        }
        document.getElementById("time-remaining").innerHTML = "Time Remaining:" + i;
    }, 1000);
}
startTimer();

别忘了调用函数。

演示：http://jsfiddle.net/GCu2D/842/

我的 "document.getElementById("").innerHTML = "";" 放在哪里在我的Javascript？

Where do I place my "document.getElementById("").innerHTML = "";" Within my Javascript?

javascript

function

setinterval

getelementbyid

countdowntimer