performance - 当我移动到其他屏幕时，计时器会自动暂停

Question

我使用 html 5 和 jquery 在我的应用程序上设置了一个计时器。现在，当我转到其他选项卡或最小化窗口时，那几秒钟的计时器会停止。当我再次打开窗口（标签或浏览器页面，无论你说什么）时，计时器启动。但它会暂停那几秒钟。应该是什么问题？我应该为它写什么代码？

获取计时器的代码是：

此处设置了计时器并运行，但是一旦我将焦点移到其他页面，计时器就会暂停。这里只显示了一个函数。

function showTime()
{
    if(ms>=100){
        ms = 0;
        s++;
    }
    // calculates seconds and hours also

    var temp= $("#clock").text(checkTime(h)+":"+checkTime(m)+":"+checkTime(s)+"."+checkTime(ms));
    timer=setTimeout('showTime()', 10);
}

checktime 是一个函数，它只是在 numbers<10 前添加一个零。

Answer 1

当您希望以固定间隔调用函数时，请使用setInterval

 setInterval(showTime, 10);//calls showTime every 10 miliseconds