簡單的代碼實現(xiàn)jquery定時器
更新時間：2014年01月03日 16:00:30 作者：
項目遇到一個消息的模塊,在導(dǎo)航條最上面.想實現(xiàn),當(dāng)收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù)，下面為大家介紹兩種不錯的方法，感興趣的朋友可以參考下
簡單的代碼實現(xiàn)jquery定時器.
今天,項目遇到一個消息的模塊,在導(dǎo)航條最上面.想實現(xiàn),當(dāng)收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標(biāo)簽.
2.利用jquery.
struts2有點麻煩,jquery比較簡單用jquery了.下面貼上代碼:實現(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);
});
});
今天,項目遇到一個消息的模塊,在導(dǎo)航條最上面.想實現(xiàn),當(dāng)收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標(biāo)簽.
2.利用jquery.
struts2有點麻煩,jquery比較簡單用jquery了.下面貼上代碼:實現(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)文章
這篇文章主要為大家詳細(xì)介紹了jquery購物車結(jié)算功能的實現(xiàn)方法,購買多個商品進(jìn)行統(tǒng)一結(jié)算，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了jquery.validate使用時遇到的問題的解決方法的匯總，真是應(yīng)了那句老話，會者不難難者不會，這里記錄一下，有需要的小伙伴可以參考下。2015-05-05
jquery實現(xiàn)點擊向下展開菜單項(伸縮導(dǎo)航)效果
這篇文章主要介紹了jquery實現(xiàn)點擊向下展開菜單項(伸縮導(dǎo)航)效果,通過jquery遍歷及匹配頁面元素并動態(tài)修改頁面元素樣式實現(xiàn)該功能,需要的朋友可以參考下2015-08-08
基于jquery可配置循環(huán)左右滾動例子，喜歡的朋友可以參考下。2011-09-09
這篇文章主要介紹了jQuery預(yù)加載圖片常用方法,以兩個簡單實例分析了jQuery預(yù)加載圖片的實現(xiàn)技巧,需要的朋友可以參考下2015-06-06
2013-05-05
基于jQuery的360圖片展示實現(xiàn)代碼，需要的朋友可以參考下2012-06-06
jQuery中serializeArray()與serialize()的區(qū)別實例分析
這篇文章主要介紹了jQuery中serializeArray()與serialize()的區(qū)別,結(jié)合實例形式分析了jQuery中serializeArray()與serialize()的具體功能、使用技巧與用法區(qū)別,需要的朋友可以參考下2015-12-12
支持多文件上傳的jQuery文件上傳插件Uploadify，目前此插件有兩種版本即Flash版本和HTML5版本，2014-06-06
lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動插件
lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動插件，需要的朋友可以參考下。2011-03-03