基于Jquery ajax技術實現間隔N秒向某頁面?zhèn)髦?/h1>
更新時間：2015年10月27日 14:50:08 投稿：mrr
這篇文章給大家介紹jquery ajax技術實現每隔一段時間向某頁面?zhèn)髦?，以及setinterval()方法的語法介紹，對本文感興趣的朋友可以參考下
有時候我們需要每隔一段時間向某頁面?zhèn)髦担热缯f聊天室，每隔幾秒就像數據庫處理頁面?zhèn)髦挡⑷』兀缓箫@示在聊天窗口。又或者是每隔一段時間就查詢用戶最后發(fā)言時間到現在是否間隔2分鐘，如果是則將用戶退出。這個時候我們就要用到HTML DOM setInterval() 方法。
setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。
setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
語法：
復制代碼 代碼如下:
setInterval(code,millisec[,"lang"])
code
必需。要調用的函數或要執(zhí)行的代碼串。
millisec
必須。周期性執(zhí)行或調用 code 之間的時間間隔，以毫秒計。
eg:
setInterval(function(){
host = window.location.host
$.post("http://"+host+"/index.php/Article/cpMes/value/1");
},5000);
擴展：
clearInterval()方法
clearInterval() 方法可取消由 setInterval() 設置的 timeout。
clearInterval() 方法的參數必須是由 setInterval() 返回的 ID 值。
eg:
<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>
以上內容是本文關于Jquery ajax技術實現間隔N秒向某頁面?zhèn)髦档南嚓P介紹，希望大家喜歡。
相關文章
-
下面小編就為大家?guī)硪黄趂ileUpload文件上傳帶進度條效果的實例(必看)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 2017-06-06
-
今天閑著沒事做個一個ajax小練習，困擾了我很長時間，我寫的ajax代碼在ie、360、火狐瀏覽器上運行都是正常的，而在google chrome下無法正常運行，搞的我焦頭爛額，最終找到解決辦法，在此分享給大家，幫助那些遇到和我一樣問題的朋友 2015-10-10
-
詳解Ajax和form+iframe 實現文件上傳的方法(兩種方式)
文件上傳功能在項目中經常會用到，本文給大家介紹兩種文件上傳的實現——Ajax和form+iframe，感興趣的朋友一起學習吧 2016-04-04
-
Ajax并不神秘：揭下各種Ajax控件和類庫的小褲衩... 2007-03-03
-
ajax post方式表單提交setRequestHeader報錯解決方法
ajax post方式表單提交設置異步對象的xhr.setRequestHeader，在谷歌瀏覽器的編譯器中顯示傳值在Request Payload中這是錯誤的 2014-09-09
-
這篇文章主要與大家探討下關于多個Ajax請求執(zhí)行返回先后的問題,需要的朋友可以參考下 2014-07-07
-
這篇文章給大家介紹基于SSH+Jquery+Ajax整合實現局部刷新，感興趣的朋友一起看看本文吧 2015-10-10
-
這篇文章主要為大家詳細介紹了基于Ajax的formData圖片和數據上傳相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2017-05-05
-
這篇文章主要介紹了MVC中基于Ajax和HTML5實現文件上傳功能的相關資料,需要的朋友可以參考下 2015-10-10
-
這篇文章主要為大家詳細介紹了ajax實現無刷新上傳文件功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2017-08-08
最新評論
有時候我們需要每隔一段時間向某頁面?zhèn)髦担热缯f聊天室，每隔幾秒就像數據庫處理頁面?zhèn)髦挡⑷』兀缓箫@示在聊天窗口。又或者是每隔一段時間就查詢用戶最后發(fā)言時間到現在是否間隔2分鐘，如果是則將用戶退出。這個時候我們就要用到HTML DOM setInterval() 方法。
setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。
setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
語法：
復制代碼 代碼如下:
setInterval(code,millisec[,"lang"])
code
必需。要調用的函數或要執(zhí)行的代碼串。
millisec
必須。周期性執(zhí)行或調用 code 之間的時間間隔，以毫秒計。
eg:
setInterval(function(){
host = window.location.host
$.post("http://"+host+"/index.php/Article/cpMes/value/1");
},5000);
擴展：
clearInterval()方法
clearInterval() 方法可取消由 setInterval() 設置的 timeout。
clearInterval() 方法的參數必須是由 setInterval() 返回的 ID 值。
eg:
<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>
以上內容是本文關于Jquery ajax技術實現間隔N秒向某頁面?zhèn)髦档南嚓P介紹，希望大家喜歡。
相關文章
- 下面小編就為大家?guī)硪黄趂ileUpload文件上傳帶進度條效果的實例(必看)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
- 今天閑著沒事做個一個ajax小練習，困擾了我很長時間，我寫的ajax代碼在ie、360、火狐瀏覽器上運行都是正常的，而在google chrome下無法正常運行，搞的我焦頭爛額，最終找到解決辦法，在此分享給大家，幫助那些遇到和我一樣問題的朋友2015-10-10
-
詳解Ajax和form+iframe 實現文件上傳的方法(兩種方式)
文件上傳功能在項目中經常會用到，本文給大家介紹兩種文件上傳的實現——Ajax和form+iframe，感興趣的朋友一起學習吧2016-04-04 - Ajax并不神秘：揭下各種Ajax控件和類庫的小褲衩...2007-03-03
-
ajax post方式表單提交setRequestHeader報錯解決方法
ajax post方式表單提交設置異步對象的xhr.setRequestHeader，在谷歌瀏覽器的編譯器中顯示傳值在Request Payload中這是錯誤的2014-09-09 - 這篇文章主要與大家探討下關于多個Ajax請求執(zhí)行返回先后的問題,需要的朋友可以參考下2014-07-07
- 這篇文章給大家介紹基于SSH+Jquery+Ajax整合實現局部刷新，感興趣的朋友一起看看本文吧2015-10-10
- 這篇文章主要為大家詳細介紹了基于Ajax的formData圖片和數據上傳相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
- 這篇文章主要介紹了MVC中基于Ajax和HTML5實現文件上傳功能的相關資料,需要的朋友可以參考下2015-10-10
- 這篇文章主要為大家詳細介紹了ajax實現無刷新上傳文件功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08