javascript - 如何使用 setInterval() 来更改文本？

Question

我从事这方面的工作已经有一段时间了。我正在尝试创建一个简单的倒计时计时器。我已经让 alert() 工作，但不幸的是 textToChange 没有改变。我在下面复制了我的代码副本。任何帮助将不胜感激!谢谢。

<script type="text/javascript">
    var timeLeft = 0;
    var changingTextElement;
    var changingText = new Array();
    var ctr = 0;

    function timeMsg(thing)
    {
    var length = thing.inputbox.value*1000;
    var t = setTimeout("alertMsg()",length);
    timeLeft = length/1000;
    initChangeText();
    }

    function alertMsg()
    {
    alert("Alert!");
    }

    function initChangeText(){
        changingTextElement = document.getElementById("textToChange");
        changingText[ctr] = changingTextElement.innerHTML;
        ctr++;
        while(timeLeft > 0){
            changingText[ctr] = timeLeft;
            timeLeft--;
            ctr++;
        }
        ctr = 0;    
        setInterval("changingText()",1000);
    }

    function changingText() {
        ctr++;
        if(ctr >= changingText.length){
            changingTextElement.innerHTML = 0;
        }
        else{
            changingTextElement.innerHTML = changingText[ctr];
        }
    }

</script>

Answer 1

您正在使用 changingText 函数和 changingText 数组 ...

看到冲突了吗？

---

作为附加信息，

不要在 setInterval 方法中使用字符串作为名称函数。直接使用对方法的引用

setInterval(changingText, 1000);