JavaScript - jQuery 间隔

Question

我正在使用 JavaScript 和 jQuery。我有以下脚本每 30 秒提醒 hi 一次。

$(document).ready( function() {
    alert("hi");
setInterval(function() {
    alert("hi");
}, 30000);
});

我想在页面加载时（当文档/页面完全加载时）以及之后每隔 30 秒的时间间隔发出警报 hi （例如 hi(0s) - hi（30秒）-嗨（60秒）..等）。但我的解决方案适用于两个实例。一个在 DOM 上就绪，另一个在循环中。有什么方法可以在单个实例中执行相同的操作吗？

您可以在此处查看我的小提琴。

Answer 1

您可以改用 setTimeout 并让回调本身重新安排时间。

$(function() {
    sayHi();

    function sayHi() {
       setTimeout(sayHi,30000);
       alert('hi');
    }
});

Answer 2

将您的代码包装在函数中。然后，将该函数作为第一个参数传递给 setInterval，并调用该函数：

$(document).ready( function() {
    //Definition of the function (non-global, because of the previous line)
    function hi(){
        alert("hi");
    }

    //set an interval
    setInterval(hi, 30000);

    //Call the function
    hi();
});

Answer 3

嗯，可能有一种方法只需一次调用即可完成此操作。

setInterval(
    (function x() {
        alert('hi');
        return x;
    })(), 30000);

另一种解决方案是使用arguments.callee，但由于它现在已被弃用，因此通常不建议使用它。

setInterval(
    (function() {
        alert('hi');
        return arguments.callee;
    })(), 30000);

Answer 4

不，setInterval 不可能做到这一点。您可以使用 setTimeout 例如：

function foo() {
    alert('hi');
    setTimeout(foo, 30000);
}

$(function() {
    foo();
});

Answer 5

$(function() {

    function heythere() {
        alert('hi');
        setTimeout(heythere,30000);
    }

    heythere();

});

如果您希望它仅在 30 秒后运行一次，您需要使用 setTimeout 而不是 setInterval。