簡單的代碼實現(xiàn)jquery定時器
更新時間：2013年11月17日 17:27:34 作者：
當收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù)，下面與大分享下使用簡單的代碼實現(xiàn)jquery定時器
簡單的代碼實現(xiàn)jquery定時器.
今天,項目遇到一個消息的模塊,在導航條最上面.想實現(xiàn),當收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標簽.
2.利用jquery.
struts2有點麻煩,jquery比較簡單用jquery了.下面貼上代碼:實現(xiàn)每隔3S向服務器端獲取數(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àn),當收到消息的時候能夠及時的刷新,顯示收到消息的條數(shù).想了半天.想了2種方法,
1.利用struts2的Ajax標簽.
2.利用jquery.
struts2有點麻煩,jquery比較簡單用jquery了.下面貼上代碼:實現(xiàn)每隔3S向服務器端獲取數(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);
});
});
相關文章
今天為大家推薦的是2013年的第一期，在這期里面十個jQuery插件涵蓋了響應式的網(wǎng)格布局插件、圖片放大插件、表單元素中自定義select插件，google 地圖插件、文件拖放上傳插件、tooltip提示插件、3D旋轉菜單等等2013-11-11
這是一個基于jQuery的效果，當鼠標在小圖片上懸停時，會彈出一個大圖，該大圖會跟隨鼠標的移動而移動2013-07-07
下面小編就為大家?guī)硪黄淮?.getJSON不執(zhí)行的簡單記錄。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
第一次用JSON作為jquery異步請求的傳輸對象，結果在jquery請求后返回的結果是字符串還是json對象上折騰了半天。等到問題解決了，也大致明白怎么個意思了，歸根結底還是對jquery對相關json對象獲取的理解有所偏差。2009-07-07
為什么現(xiàn)在彈出來每個button（在ul li中的）的索引值都是零，為什么不是從0-9排列的等等一系列問題將在本文為大家詳細介紹下2013-10-10
jQtransForm jQuery表單美化修飾插件，附帶有PHP提交程序，當然ASP/ASP/NET/JSP都是同理，這里主要是jQuery美化部分的實例，美化對象為文本框、密碼框、文本域、Select下拉框、按鈕等，有了這些示例，美化其它的表單元素應該不是大問題。2012-07-07
Jquery網(wǎng)頁內(nèi)滑動緩沖導航的實現(xiàn)代碼
這篇文章主要介紹了Jquery網(wǎng)頁內(nèi)滑動緩沖導航的實現(xiàn)代碼,實現(xiàn)滑動緩沖的方式實現(xiàn)頁內(nèi)導航，用戶體驗大大提升需要的朋友可以參考下2015-04-04
用jquery.load的方法載入新的頁面，以實現(xiàn)局部刷新，可結果發(fā)現(xiàn)載入進來的頁面與原來單獨的頁面不一樣，樣式?jīng)]了，關于這個問題，下面有個不錯的解決方法2014-01-01
這篇文章主要介紹了jQuery中appendTo()方法用法,實例分析了appendTo()方法的功能、定義及把匹配的元素插入指定元素結尾的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了使用jQuery處理AJAX請求的基礎學習教程,除此之外還引申了鏈式處理事件回調(diào)的寫法,由淺入深非常值得借鑒,需要的朋友可以參考下2016-05-05