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