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