简单的代码实现jquery定时器
发布时间:2014-05-11 编辑:jiaochengji.com
当收到消息的时候能够及时的刷新,显示收到消息的条数,下面与大分享下使用简单的代码实现jquery定时器
简单的代码实现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定时器
Jquery定时器的简单示例
JQuery 将元素显示在屏幕的中央的代码
基于JQuery的Pager分页器实现代码
JQuery从头学起第二讲
用jQuery简化Ajax开发实现方法第1/2页
jQuery hover 延时器实现代码
jQuery 事件的命名空间
表单验证插件 jQuery formValidator
基于jQuery制作迷你背词汇工具
[关闭]