jquery mobileで3秒ごとに関数を実行

Question

jquery mobileで関数を作成しようとしていますが、特定のページに3秒おきに自動再読み込みしています。 3秒後に

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

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

}); 

にはどうすれば（「その3秒後に」）はconsole.logする機能を変更することができ、私はinterval.The機能のみをする時間を追加する方法です。

私が試してみました1ページ（#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); 
}); 

またsetInterval方法と同様のsetTimeout方法を、使用することができます。

// 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) 
});