简单的代码实现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 相关文章推荐
JavaScript定义类的几种方式总结
Jan 06 Javascript
javascript页面加载完执行事件代码
Feb 11 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
js输入框使用正则表达式校验输入内容的实例
Feb 12 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
Angular2数据绑定详解
Apr 18 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
JavaScript实现简单评论功能
Aug 17 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
vue中动态select的使用方法示例
Oct 28 Javascript
在vue中axios设置timeout超时的操作
Sep 04 Javascript
详解JS数组方法
Nov 20 Javascript
禁止空格提交表单的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之变量、常量学习笔记
2008/03/27 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
解决PHP 7编译安装错误:cannot stat ‘phar.phar’: No such file or directory
2017/02/25 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
微信小程序页面传多个参数跳转页面的实现方法
2019/05/17 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
2019/10/14 Javascript
javascript+css实现进度条效果
2020/03/25 Javascript
js实现微信聊天界面
2020/08/09 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
2020/12/08 Vue.js
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
Python ORM框架SQLAlchemy学习笔记之安装和简单查询实例
2014/06/10 Python
python操作gmail实例
2015/01/14 Python
apache部署python程序出现503错误的解决方法
2017/07/24 Python
python的多重继承的理解
2017/08/06 Python
对python中的pop函数和append函数详解
2018/05/04 Python
jupyter notebook 重装教程
2020/04/16 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
基于python实现地址和经纬度转换
2020/05/19 Python
应用数学专业求职信
2014/03/14 职场文书
初中英语课后反思
2014/04/25 职场文书
开工典礼策划方案
2014/05/23 职场文书
2014年公务员工作总结
2014/11/18 职场文书
工伤私了协议书范本
2014/11/24 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
MySql数据库 查询时间序列间隔
2022/05/11 MySQL