簡單的代碼實(shí)現(xiàn)jquery定時器
更新時間：2014年01月03日 16:00:30 作者：
項(xiàng)目遇到一個消息的模塊,在導(dǎo)航條最上面.想實(shí)現(xiàn),當(dāng)收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù)，下面為大家介紹兩種不錯的方法，感興趣的朋友可以參考下
簡單的代碼實(shí)現(xiàn)jquery定時器.
今天,項(xiàng)目遇到一個消息的模塊,在導(dǎo)航條最上面.想實(shí)現(xiàn),當(dāng)收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標(biāo)簽.
2.利用jquery.
struts2有點(diǎn)麻煩,jquery比較簡單用jquery了.下面貼上代碼:實(shí)現(xiàn)每隔3S向服務(wù)器端獲取數(shù)據(jù).然后賦值給要顯示的那個dom對象里面.
$(function(){
run();
var interval;
function run(){
interval = setInterval(chat,"3000");
}
function chat(){
$.post("searchMessage.action",{"mark":"receive","ajax":"ajax"},function(data){
$("span[name='mes']").html(data.num);
},"json");
}
$("#closeChat").click(function(){
clearTimeout(interval);
});
});
今天,項(xiàng)目遇到一個消息的模塊,在導(dǎo)航條最上面.想實(shí)現(xiàn),當(dāng)收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標(biāo)簽.
2.利用jquery.
struts2有點(diǎn)麻煩,jquery比較簡單用jquery了.下面貼上代碼:實(shí)現(xiàn)每隔3S向服務(wù)器端獲取數(shù)據(jù).然后賦值給要顯示的那個dom對象里面.
復(fù)制代碼 代碼如下:
$(function(){
run();
var interval;
function run(){
interval = setInterval(chat,"3000");
}
function chat(){
$.post("searchMessage.action",{"mark":"receive","ajax":"ajax"},function(data){
$("span[name='mes']").html(data.num);
},"json");
}
$("#closeChat").click(function(){
clearTimeout(interval);
});
});
相關(guān)文章
jQuery實(shí)現(xiàn)回車鍵（Enter）切換文本框焦點(diǎn)的代碼實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)回車鍵（Enter）切換文本框焦點(diǎn)的代碼實(shí)例,需要的朋友可以參考下2014-05-05
jquery插件沖突(jquery.noconflict)解決方法分享
本文主要解決了如何讓多個不同的jQuery版本在同一個頁面并存而不沖突的方法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了使用jquery選擇器如何獲取父級元素、同級元素、子元素,需要的朋友可以參考下2014-05-05
Iscrool下拉刷新功能實(shí)現(xiàn)方法(推薦)
下面小編就為大家?guī)硪黄狪scrool下拉刷新功能實(shí)現(xiàn)方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
淺談jQuery中Ajax事件beforesend及各參數(shù)含義
下面小編就為大家?guī)硪黄獪\談jQuery中Ajax事件beforesend及各參數(shù)含義。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
其實(shí)這個也不算是 resizable 的BUG,但從官網(wǎng)下載下來的確實(shí)存在問題2010-10-10
這篇文章主要介紹了jQuery中die()方法用法,實(shí)例分析了die()方法的功能、定義及移除所有通過live()方法向指定元素添加的一個或多個事件處理程序的使用技巧,需要的朋友可以參考下2015-01-01
BootStrap日期控件在模態(tài)框中選擇時間下拉菜單無效的原因及解決辦法(火狐下不能點(diǎn)擊)
今天同事讓我?guī)退黄鸾鉀Q一個問題，關(guān)于兼容的bug問題，在火狐中使用模態(tài)框加載日期控件時選擇時間下拉菜單沒有效果（不能點(diǎn)擊），而在谷歌中卻是好的，下面小編附上原因分析及解決辦法，有需要的朋友可以參考下2016-08-08
jQuery生成asp.net服務(wù)器控件 但不幸的是，該服務(wù)器控件依然沒有起作用，還是用隱藏服務(wù)器控件來解決吧2010-02-02
我們在很多網(wǎng)站看到，當(dāng)我們滾動網(wǎng)頁時，網(wǎng)頁內(nèi)的廣告或某個小區(qū)域并不會消失，而是浮動在屏幕的某個地方，特別是一些局域廣告2012-07-07