我有 setInterval 每 3 分钟调用一次的 JS 函数 - 当页面加载时如何调用它？

Question

我有以下脚本：

    var results;
var cursor = 0;

function myFunction () {
    $.getJSON('list.php', function(json) {
        results = json.result;
        cursor = 0;

        // Now start printing
        printNext();
    });
}

function printNext(){
    if(cursor == results.length){
        // Reset the cursor back to the beginning.
        cursor = 0;
    }

    // Print the key1 in the div.
    //$('#device-content-user-text').html(results[cursor].key1);
    $('#device-content-user-text').hide('fast', function(){ $('#device-content-user-text').html(results[cursor].key1); $('#device-content-user-text').show('fast'); });

    // Set a delay for the current item to stay
    // Delay is key2 * 1000 seconds
    setTimeout(function(){
        printNext();
    }, results[cursor].key2 * 1000);

    // Advance the cursor.
    cursor++;
}

var interval = setInterval(function () { 
    myFunction(); 
}, 300000);  //make sql query every 5 minutes

它从页面 list.php 中获取 JSON 字符串，并在 #device-content-user-text div 中一一打印结果。它每五分钟完成一次，当用户加载页面时，计时器开始计时。如何在页面加载时（通常每 5 分钟一次）调用此函数？ 谢谢

Answer 1

用document.ready()点赞

$(document).ready(function(){
    var interval = setInterval(function () { 
        myFunction(); 
    }, 300000);  //make sql query every 5 minutes
    myFunction();
});

另外，如果你只是在 setInterval 的匿名函数中调用 myFunction，只需传递函数引用本身

$(document).ready(function() {
        var interval = setInterval(myFunction, 300000); //make sql query every 5 minutes
        myFunction();
    });

更新

根据您所说的页面“加载”的含义，document.ready 和 load() 之间可能存在天壤之别。如果您想绝对确定所有内容都已加载（包括框架、图像等），请执行

$(window).load(function() {
            var interval = setInterval(myFunction, 300000); 
            myFunction();
        });

否则，如果DOM 已准备好就足够了，请坚持使用document.ready()

见jQuery - What are differences between $(document).ready and $(window).load?

Answer 2

 //Document ready
   $(function(){

        //call function
        myFunction();

       //put your interval here

    });