简单的代码实现jquery定时器


Posted in Javascript onJanuary 03, 2014

简单的代码实现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 Lightbox 图片展示插件使用说明
Apr 25 Javascript
5种处理js跨域问题方法汇总
Dec 04 Javascript
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
Apr 19 Javascript
JS实现json的序列化和反序列化功能示例
Jun 13 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
JS实现为动态创建的元素添加事件操作示例
Mar 17 Javascript
简述JS控制台的使用
Jul 15 Javascript
Vue插值、表达式、分隔符、指令知识小结
Oct 12 Javascript
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
浅入深出Vue之自动化路由
Aug 06 Javascript
详解React的回调渲染模式
Sep 10 Javascript
jquery将一个表单序列化为一个对象的方法
Jan 03 #Javascript
jQuery的DOM操作之删除节点示例
Jan 03 #Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 #Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
Jan 03 #Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 #Javascript
IE6下拉框图层问题探讨及解决
Jan 03 #Javascript
javascript 表格内容排序 简单操作示例代码
Jan 03 #Javascript
You might like
PHP 学习路线与时间表
2010/02/21 PHP
PHP导入Excel到MySQL的方法
2011/04/23 PHP
php中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
php中的三元运算符使用说明
2011/07/03 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
浅析PHP绘图技术
2013/07/03 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
js正确获取元素样式详解
2009/08/07 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
2013/04/26 Javascript
jQuery scroll事件实现监控滚动条分页示例
2014/04/04 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
2016/02/25 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
vue的安装及element组件的安装方法
2018/03/09 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
Vue.js实现tab切换效果
2019/07/24 Javascript
layui文件上传控件带更改后数据传值的方法
2019/09/23 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
Django中的forms组件实例详解
2018/11/08 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
Python jieba库分词模式实例用法
2021/01/13 Python
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
自我鉴定标准格式
2014/03/19 职场文书
2014年维修工作总结
2014/11/22 职场文书
会计工作总结范文2014
2014/12/23 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL