javascript - $(document).ready + setInterval = 多个实例运行

Question

我的网络应用程序当前使用它来启动客户端的通知检索:

$(document).ready( getNotifications() );

这很棒，但我需要它每 XXX 秒运行一次，因此我在 getNotifications() 末尾添加了一个 setInterval 计时器，此处:

function getNotifications() {

    //(do stuff)

    //now repeat every X seconds (10000 = 10s)
    setInterval(getNotifications, 30000);
}

问题——这样做似乎会触发计时器循环函数的多个实例。使用alert()，我可以看到每个计时器周期都会创建一个设置为计时器的新实例，而不是所需的同一实例的迭代。

如何在没有多个实例的情况下为我的功能获取计时器/循环？

谢谢!

Answer 1

将setInterval更改为setTimeout。

setInterval 保持每 X 毫秒触发一次，setTimeout 在 x 毫秒后触发一次

并且您不希望 document.ready 中包含 ()。它正在调用 getNotifications，而不是为其分配引用。

function getNotifications() {
    window.setTimeout(getNotifications, 30000);
}
$( getNotifications );