簡單的代碼實現(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)文章
jquery實現(xiàn)點擊向下展開菜單項(伸縮導(dǎo)航)效果
這篇文章主要介紹了jquery實現(xiàn)點擊向下展開菜單項(伸縮導(dǎo)航)效果,通過jquery遍歷及匹配頁面元素并動態(tài)修改頁面元素樣式實現(xiàn)該功能,需要的朋友可以參考下2015-08-08jQuery中serializeArray()與serialize()的區(qū)別實例分析
這篇文章主要介紹了jQuery中serializeArray()與serialize()的區(qū)別,結(jié)合實例形式分析了jQuery中serializeArray()與serialize()的具體功能、使用技巧與用法區(qū)別,需要的朋友可以參考下2015-12-12lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動插件
lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動插件,需要的朋友可以參考下。2011-03-03