javascript - 定期更改标签文本 Javascript

Question

我尝试使用以下代码定期更改标签的文本:

    function sleep(milliSeconds) {
        var startTime = new Date().getTime();
        while (new Date().getTime() < startTime + milliSeconds); 
    }
    function showMap() {
        var str = document.getElementById("lbPoints").firstChild.nodeValue;
        var lbl = document.getElementById("my");
        var strs = str.split("-");
        var millisecondsToWait = 500;

        for (var i = 0; i < strs.length-1; i++) {
            lbl.innerHTML = strs[i];
            sleep(500);
        }     
    }

我的“str”和“strs”是对的。代码可以工作，但是 as 等待 5 秒并将 strs 中的最终字符串打印到屏幕上，而不是其他任何内容。我可以做什么来定期更改它？

Answer 1

这不是你 sleep 的方式。在任何语言中，重复测试都是正确的 直到某个日期。

这样做:

function showMap() {
    var str = document.getElementById("lbPoints").firstChild.nodeValue;
    var lbl = document.getElementById("my");
    var strs = str.split("-");
    var millisecondsToWait = 500;
    var i=0;
    var interval = setInterval(function(){
        if (i==strs.length-2) clearInterval(interval); 
        lbl.innerHTML = strs[i++];
    }, millisecondsToWait);   
}

<强> Demonstration

这使用 setInterval重复调用函数，并且 clearInterval位于数组末尾以停止调用函数。