我使用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));
if(windows_focus=true){
timer=setTimeout('showTime()', 10);}
else if(windows_focus=false){
timer=setTimeout('showTime()', 100);
}
}
checktime是一个只在数字前面加零的函数< 10。
我刚刚添加了windows_focus = false,因为我想如果我搬走了,那么它也应该有效,但我没有得到。
我也尝试使用setInterval,当我使用setInterval时,即使我最小化窗口,计时器也开始了。但问题是时间以非常奇怪的方式运行。跑得非常快。
任何人都可以帮助我。
http://jsfiddle.net/JWxS6/44/这可能对查看我的代码很有用。
我真的很新,请帮帮我