基于Jquery ajax技術(shù)實現(xiàn)間隔N秒向某頁面?zhèn)髦?/h1>
更新時間:2015年10月27日 14:50:08 投稿:mrr
這篇文章給大家介紹jquery ajax技術(shù)實現(xiàn)每隔一段時間向某頁面?zhèn)髦?,以及setinterval()方法的語法介紹,對本文感興趣的朋友可以參考下
有時候我們需要每隔一段時間向某頁面?zhèn)髦?,比如說聊天室,每隔幾秒就像數(shù)據(jù)庫處理頁面?zhèn)髦挡⑷』兀缓箫@示在聊天窗口。又或者是每隔一段時間就查詢用戶最后發(fā)言時間到現(xiàn)在是否間隔2分鐘,如果是則將用戶退出。這個時候我們就要用到HTML DOM setInterval() 方法。
setInterval() 方法可按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(dá)式。
setInterval() 方法會不停地調(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 之間的時間間隔,以毫秒計。
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ù)實現(xiàn)間隔N秒向某頁面?zhèn)髦档南嚓P(guān)介紹,希望大家喜歡。
您可能感興趣的文章:- jQuery中JSONP的兩種實現(xiàn)方式詳解
- jQuery使用getJSON方法獲取json數(shù)據(jù)完整示例
- 基于JSON格式數(shù)據(jù)的簡單jQuery幻燈片插件(jquery-slider)
- 基于jQuery的AJAX和JSON實現(xiàn)純html數(shù)據(jù)模板
- jQuery調(diào)用Webservice傳遞json數(shù)組的方法
- jQuery的ajax和遍歷數(shù)組json實例代碼
- jquery動態(tài)遍歷Json對象的屬性和值的方法
- jQuery深拷貝Json對象簡單示例
- jquery利用json實現(xiàn)頁面之間傳值的實例解析
相關(guān)文章
-
ajax讀取properties資源文件數(shù)據(jù)的方法
這篇文章主要介紹了ajax讀取properties資源文件數(shù)據(jù)的方法,實例分析了基于Ajax實現(xiàn)讀取properties資源文件數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下 2015-06-06
-
ajax中設(shè)置contentType: "application/json"的作用
這篇文章主要介紹了ajax中設(shè)置contentType: “application/json”的作用,需要的朋友可以參考下 2018-04-04
-
前端ajax請求+后端java實現(xiàn)的下載zip壓縮包功能示例
這篇文章主要介紹了前端ajax請求+后端java實現(xiàn)的下載zip壓縮包功能,結(jié)合實例形式分析了ajax請求交互與后端圖片zip格式壓縮并下載功能相關(guān)實現(xiàn)技巧,需要的朋友可以參考下 2023-05-05
-
ajax中指定innerHTML時如何應(yīng)用其中的SCRIPT的研究
ajax中指定innerHTML時如何應(yīng)用其中的SCRIPT的研究... 2007-03-03
-
Ajax 配合node js multer 實現(xiàn)文件上傳功能
這篇文章主要介紹了Ajax 配合node js multer 實現(xiàn)文件上傳功能,需要的朋友可以參考下 2017-08-08
-
Ajax與mysql數(shù)據(jù)交互實現(xiàn)留言板功能
最近自己做了一個小demo,實現(xiàn)了Ajax與MySQL的數(shù)據(jù)交互,js部分用的是jq,后臺用的是PHP,數(shù)據(jù)庫是mysql,下面通過本文給大家詳細(xì)介紹下 2016-12-12
最新評論
有時候我們需要每隔一段時間向某頁面?zhèn)髦?,比如說聊天室,每隔幾秒就像數(shù)據(jù)庫處理頁面?zhèn)髦挡⑷』兀缓箫@示在聊天窗口。又或者是每隔一段時間就查詢用戶最后發(fā)言時間到現(xiàn)在是否間隔2分鐘,如果是則將用戶退出。這個時候我們就要用到HTML DOM setInterval() 方法。
setInterval() 方法可按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(dá)式。
setInterval() 方法會不停地調(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 之間的時間間隔,以毫秒計。
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ù)實現(xiàn)間隔N秒向某頁面?zhèn)髦档南嚓P(guān)介紹,希望大家喜歡。
- jQuery中JSONP的兩種實現(xiàn)方式詳解
- jQuery使用getJSON方法獲取json數(shù)據(jù)完整示例
- 基于JSON格式數(shù)據(jù)的簡單jQuery幻燈片插件(jquery-slider)
- 基于jQuery的AJAX和JSON實現(xiàn)純html數(shù)據(jù)模板
- jQuery調(diào)用Webservice傳遞json數(shù)組的方法
- jQuery的ajax和遍歷數(shù)組json實例代碼
- jquery動態(tài)遍歷Json對象的屬性和值的方法
- jQuery深拷貝Json對象簡單示例
- jquery利用json實現(xiàn)頁面之間傳值的實例解析
相關(guān)文章
ajax讀取properties資源文件數(shù)據(jù)的方法
這篇文章主要介紹了ajax讀取properties資源文件數(shù)據(jù)的方法,實例分析了基于Ajax實現(xiàn)讀取properties資源文件數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-06-06ajax中設(shè)置contentType: "application/json"的作用
這篇文章主要介紹了ajax中設(shè)置contentType: “application/json”的作用,需要的朋友可以參考下2018-04-04前端ajax請求+后端java實現(xiàn)的下載zip壓縮包功能示例
這篇文章主要介紹了前端ajax請求+后端java實現(xiàn)的下載zip壓縮包功能,結(jié)合實例形式分析了ajax請求交互與后端圖片zip格式壓縮并下載功能相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2023-05-05ajax中指定innerHTML時如何應(yīng)用其中的SCRIPT的研究
ajax中指定innerHTML時如何應(yīng)用其中的SCRIPT的研究...2007-03-03Ajax 配合node js multer 實現(xiàn)文件上傳功能
這篇文章主要介紹了Ajax 配合node js multer 實現(xiàn)文件上傳功能,需要的朋友可以參考下2017-08-08Ajax與mysql數(shù)據(jù)交互實現(xiàn)留言板功能
最近自己做了一個小demo,實現(xiàn)了Ajax與MySQL的數(shù)據(jù)交互,js部分用的是jq,后臺用的是PHP,數(shù)據(jù)庫是mysql,下面通過本文給大家詳細(xì)介紹下2016-12-12