简单的代码实现jquery定时器
更新时间：2014年01月03日 16:00:30 作者：
项目遇到一个消息的模块,在导航条最上面.想实现,当收到消息的时候能够及时的刷新,显示收到消息的条数，下面为大家介绍两种不错的方法，感兴趣的朋友可以参考下
简单的代码实现jquery定时器.
今天,项目遇到一个消息的模块,在导航条最上面.想实现,当收到消息的时候能够及时的刷新,显示收到消息的条数.想了半天.想了2种方法,
1.利用struts2的Ajax标签.
2.利用jquery.
struts2有点麻烦,jquery比较简单用jquery了.下面贴上代码:实现每隔3S向服务器端获取数据.然后赋值给要显示的那个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);
});
});
今天,项目遇到一个消息的模块,在导航条最上面.想实现,当收到消息的时候能够及时的刷新,显示收到消息的条数.想了半天.想了2种方法,
1.利用struts2的Ajax标签.
2.利用jquery.
struts2有点麻烦,jquery比较简单用jquery了.下面贴上代码:实现每隔3S向服务器端获取数据.然后赋值给要显示的那个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);
});
});
相关文章
这篇文章主要为大家详细介绍了jquery购物车结算功能的实现方法,购买多个商品进行统一结算，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了jquery.validate使用时遇到的问题的解决方法的汇总，真是应了那句老话，会者不难难者不会，这里记录一下，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要介绍了jquery实现点击向下展开菜单项(伸缩导航)效果,通过jquery遍历及匹配页面元素并动态修改页面元素样式实现该功能,需要的朋友可以参考下2015-08-08
基于jquery可配置循环左右滚动例子，喜欢的朋友可以参考下。2011-09-09
这篇文章主要介绍了jQuery预加载图片常用方法,以两个简单实例分析了jQuery预加载图片的实现技巧,需要的朋友可以参考下2015-06-06
2013-05-05
基于jQuery的360图片展示实现代码，需要的朋友可以参考下2012-06-06
jQuery中serializeArray()与serialize()的区别实例分析
这篇文章主要介绍了jQuery中serializeArray()与serialize()的区别,结合实例形式分析了jQuery中serializeArray()与serialize()的具体功能、使用技巧与用法区别,需要的朋友可以参考下2015-12-12
支持多文件上传的jQuery文件上传插件Uploadify，目前此插件有两种版本即Flash版本和HTML5版本，2014-06-06
lyhucSelect基于Jquery的Select数据联动插件
lyhucSelect基于Jquery的Select数据联动插件，需要的朋友可以参考下。2011-03-03
最新评论