JavaScript - jQuery間隔

Question

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

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

我想提醒hi加載網頁時（當文件/頁面變得完全加載）和每30秒間隔後（如hi（0） - hi（30秒） - hi（60）..等等）。但我的解決方案適用於兩個實例。一個用於DOM準備，另一個用於循環。有沒有辦法在單個實例中執行相同的操作？

你可以看到我的小提琴here。

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。你可以使用的setTimeout例如：

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

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

Answer 4

$(function() { 

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

    heythere(); 

}); 

如果你想讓它只有30秒後運行一次，你正在尋找使用setTimeout不setInterval。

Answer 5

嗯，有可能是在只需一個電話做這件事的方式..

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

另一種解決方案是使用arguments.callee，但因爲它是現在已經過時，所以一般不建議用它。

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