当窗口失去焦点时,Settimeout无法正常工作

时间:2013-02-27 15:23:19

标签: javascript settimeout

我有一个简单的JavaScript计时码表,显示在名为“d2”的表单字段上,它用于检查某人执行特定任务所需的时间:

var milisec=0 
var seconds=0
var complemento1=""
document.form1.d2.value='00:00:00' 

function display(){ 
    if (milisec>=9){ 
        milisec=0 
        seconds+=1 
    } 
    else{
        milisec+=1
    }
    complemento1=complemento2=complemento3="";
    if ((seconds%60)<10) complemento1="0";
    if ((Math.floor(seconds/60)%60)<10) complemento2="0";
    if ((Math.floor(seconds/3600))<10) complemento3="0";
    document.form1.d2.value=complemento3+Math.floor(seconds/3600)+":"+complemento2+(Math.floor(seconds/60)%60)+":"+complemento1+(seconds%60)
    setTimeout("display()",100) 
}

问题是,当此人打开新标签/使用其他程序时,计时器停止,然后在窗口再次聚焦时恢复(使用Chrome)。它具有最奇怪的行为,因为有时它会起作用,有时却不起作用。

我看到很多帖子需要一个脚本在没有聚焦时停止,我想要完全相反,搜索一个多小时没有运气。非常感谢您的帮助!

1 个答案:

答案 0 :(得分:3)

不保证在特定时间执行JavaScript超时。例如,如果线程在计时器完成时忙于其他事情,它将首先完成它正在做的事情,然后执行你的计时器。

此外,您的功能不会考虑显示功能内的时间,因此每毫秒会增加一点延迟。

实现计时器的正确方法是使用系统时间。

类似于:

//Call at the beggining to save the start time
var start_time = new Date()

// Compute seconds (does not matter when/how often you call it.) 
var milliseconds_since_start = new Date().valueOf() - start_time 

Date对象也可以将此句点格式化为时钟:

var m  = new Date(milliseconds_since_start)
m.getMinutes()+":"+m.getSeconds()