在jquery mobile中每3秒執行一次函數

Question

我試圖在jquery mobile中創建一個函數，該函數在特定頁面上每3秒自動刷新一次。

我曾嘗試：

$(document).on('pageshow', '#chat',function(){ 

function autoload(){ 
    console.log('its after 3 sec') 
    } 
autoload(); 

}); 

我怎樣才能改變功能CONSOLE.LOG（「其3秒後」）3秒鐘後，這是我怎樣才能添加的時間只有interval.The函數應該當執行一個是在頁面（#chat）

Answer 1

可以使用setInterval方法，它將在（以毫秒爲單位）所需的時間間隔執行指定的功能。

$(document).on('pageshow', '#chat', function() { 

    function autoload() { 
     console.log('its after 3 sec') 
    } 

    setInterval(autoload(), 3000); 

}); 

要隱藏頁面時停止執行，你可以存儲間隔ID，並使用clearInterval方法。

// store the interval id so we can clear it when the page is hidden 
var intervalId; 

$(document).on('pageshow', '#chat', function() { 
    function autoload() { 
     console.log('its after 3 sec') 
    } 
    intervalId = setInterval(autoload(), 3000); 
}); 

$(document).on('pagehide', function() { 
    clearInterval(intervalId); 
}); 

您還可以使用setTimeout方法，類似於setInterval方法。

// store the timeout id so we can clear it when the page is hidden 
var timeoutId; 

$(document).on('pageshow', '#chat', function() { 
    function autoload() { 
     console.log('its after 3 sec') 
     timeoutId = setTimeout(autoload(), 3000); 
    } 
    autoload(); 
}); 

$(document).on('pagehide', function() { 
    clearTimeout(timeoutId); 
}); 

Answer 2

$(document).on('pageshow', '#chat',function(){ 
    function autoload(){ 
     console.log('its after 3 sec') 
    } 
    window.setInterval(autoload, 3 * 1000) 
});