javascript - 倒计时计时器无法在 Chrome/Safari 上正确呈现，但在 Firefox 上可以

Question

function countDownRound() {
    if(myRoundTimeRemaining >= 0){
        var secs = myRoundTimeRemaining;
        if(secs < 10)
        {
            secs = "0" + secs;
        }
        $("#countdown").html(':'+secs);
        CountdownTimer = setTimeout(countDownRound, 1000);
        myRoundTimeRemaining--;
    }
    else{
        $("#countdown").html('');
    }
}

上面的代码在 Firefox 上执行了预期的操作。 “倒计时”元素中每秒显示一个递减的数字。

在 Safari 和 Chrome 上，代码运行正常，但屏幕上的元素没有改变。如果发生其他事情(例如调整浏览器窗口的大小)，元素会同时正确更新。

这看起来像是某种优化或基于线程的问题，但我找不到解决方案。

Answer 1

我在 Chrome、Safari 和 Firefox 上也能正常工作。

也许在这种情况下您不需要使用 html 标签来显示您的结果，text() 可能比 html() 更好。

尝试使用

$("#countdown").text(':'+secs);

代替 html()。

OBS:似乎您操作系统上的某些不稳定因素也会影响浏览器渲染。有人可以证实或否认这一点吗？