jQuery 定时局部刷新(setInterval)方法总结
来自:http://www.jbxue.com/article/8516.html
1、jQuery 定时局部刷新(setInterval),显示时间的代码。
1 2 3 4 5 6 7 8 9 10 11 12 | <head> <script src= "jQuery/jquery-1.4.1.min.js" type= "text/javascript" ></script> <script> $(document).ready( function () { setInterval( "startRequest()" ,1000); }); function startRequest() { $( "#date" ).text(( new Date()).toString()); } </script> </head> |
2、jQuery实现AJAX定时局部页面刷新 需要某种机制,不断刷新网页,以提供一个实时的仪表板某种。 如果我只能刷新一个特定的页面的一部分,这将是很大的,例如:仪表盘上的交通灯显示系统状态。
使用jQuery JavaScript库,只刷新页面的一部分。
1 2 3 4 5 | <script src= "/js/jquery-1.3.2.min.js" type= "text/javascript" ></script> 只要在页面放入这个小的JS代码片段刷新里面的内容ID标签的一切,每5秒: setInterval( function () { $( "#content" ).load(location.href+ " #content>*" , "" ); }, 5000); |
每5秒,刷新内容相同的URL和所有元素,驻留在元素ID为content元素的内容:内容。
3、jquery 的时间定时刷新
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script src= "js/jquery-1.7.1.js" language= "javascript" ></script> <script language= "javascript" > /** * jquery实现时间的定时刷新 * edit www.jbxue.com * at 2013/5/15 */ function startRequest() { $( "#Logo1_lblTime" ).text(( new Date()).toLocaleDateString() + " " + ( new Date()).toLocaleTimeString()); } $( function () { startRequest(); setInterval( "startRequest()" , 1000); }); </script> |
分类:
Javascript
, jQuery
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用