javascript - 数字到文本变量未在 HTML 中显示

Question

我有一个名为“Timer”的变量，我试图让数字增加一，然后显示数字。问题是，“测试成功！” 部分甚至没有显示。我在 Visual Studio Code 中没有收到任何错误。

function Test() {
    var Timer = 4
    setInterval(Rickroll, 1000)
}

function Rickroll() {
    if (Timer > 0 ) {
    Timer -= 1
    }
    var TimerString = Timer.toString();
    document.getElementById('p1').innerHTML = "Test Successful! Sending you to another website in: "+TimerString;
}

标签： javascriptvisual-studio-code

Answer 1

变量 Timer 不是全局变量。如果要在 Test() 和 Rickroll 函数中使用 Timer，则必须将 Timer 变量定义为全局变量。此代码将运行良好。

var Timer = 0
function Test() {

    if (Timer < 3) {
       setInterval(Rickroll, 1000)
    }
}

function Rickroll() {
    Timer += 1
    var TimerString = Timer.toString();
    document.getElementById('p1').innerHTML = "Test Successful! Sending you to another 
                                                website in: "+TimerString;
}