多个setTimeout

Question

我的两个计时器之间似乎有冲突，我想知道如何使它们完全独立，但又在同一页上执行。代码如下：

当页面加载时

<script language="javascript" type="text/javascript">
window.onload = function()
{
     setTimeout("AlterTwitterTimer();", 60000);
     setTimeout("MainStatusTimer();", 60000);
}
</script>

其他相关脚本

function AlterTwitterTimer()
{
     document.getElementById('TwitterTimer').innerHTML = '0';
}

function MainStatusTimer()
{
     document.getElementById('MainStatusTimer').innerHTML = '0';
}

function DelayedRefresh(DashCity)
{
     if(document.getElementById('TwitterTimer').innerHTML == '0')
     {
          document.getElementById('fmeProcess').src = '/ajax/twitter_feed_ajax.asp?id='NY';
          document.getElementById('TwitterTimer').innerHTML = '1';
          setTimeout("AlterTwitterTimer();", 60000);
     }
}

function DelayedStatusRefresh()
{
     if(document.getElementById('MainStatusTimer').innerHTML == '0')
     {
          document.getElementById('fmeProcess').src = '/ajax/dash_board_status.asp';
          document.getElementById('MainStatusTimer').innerHTML = '1';
          setTimeout("MainStatusTimer();", 60000);
     }
}

如果您能提供任何帮助，我们将不胜感激。

非常感谢，保罗

Answer 1

首先：

setTimeout(AlterTwitterTimer, 60000);
setTimeout(MainStatusTimer, 60000);

其次，它们是无关的。每个setTimeout调用都会返回一个数字ID，稍后您可以将其传递给clearTimeout以取消延迟的呼叫。