简单的代码实现jquery定时器


Posted in Javascript onNovember 17, 2013

简单的代码实现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); 
}); });
Javascript 相关文章推荐
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
jquery中$(#form :input)与$(#form input)的区别
Aug 18 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
JavaScript中eval函数的问题
Jan 31 Javascript
Javascript中引用类型传递的知识点小结
Mar 06 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
vue封装swiper代码实例解析
Oct 08 Javascript
如何让vue长列表快速加载
Mar 29 Vue.js
禁止空格提交表单的js代码
Nov 17 #Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 #Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 #Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 #Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 #Javascript
setInterval()和setTimeout()的用法和区别示例介绍
Nov 17 #Javascript
js用正则表达式来验证表单(比较齐全的资源)
Nov 17 #Javascript
You might like
php explode函数实例代码
2012/02/27 PHP
简单的cookie计数器实现源码
2013/06/07 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
Jquery上传插件 uploadify v3.1使用说明
2012/06/18 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
jQuery给指定的table动态添加删除行的操作方法
2016/10/12 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[02:23]2018DOTA2亚洲邀请赛趣味视频——反应测试
2018/04/04 DOTA
在Python中操作文件之truncate()方法的使用教程
2015/05/25 Python
将python文件打包成EXE应用程序的方法
2019/05/22 Python
Python+opencv+pyaudio实现带声音屏幕录制
2019/12/23 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
Pandas替换及部分替换(replace)实现流程详解
2020/10/12 Python
css3实现波纹特效、H5实现动态波浪效果
2018/01/31 HTML / CSS
全球最大的房车租赁市场:Outdoorsy
2018/09/19 全球购物
精伦电子Java笔试题
2013/01/16 面试题
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
区优秀教师事迹材料
2014/02/10 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js
Elasticsearch 批量操作
2022/04/19 Python
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL