利用jQuery Ajax技术实现每隔5秒向某页面传值
2014-07-24 21:59
218 查看
有时候我们需要每隔一段时间向某页面传值,比如说聊天室,每隔几秒就像数据库处理页面传值并取回,然后显示在聊天窗口。又或者是每隔一段时间就查询用户最后发言时间到现在是否间隔2分钟,如果是则将用户退出。这个时候我们就要用到HTML DOM setInterval() 方法。
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法:
setInterval(code,millisec[,"lang"])
eg:
扩展:
clearInterval()方法
clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
eg:
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法:
setInterval(code,millisec[,"lang"])
code | 必需。要调用的函数或要执行的代码串。 |
millisec | 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。 |
setInterval(function(){ host = window.location.host $.post("http://"+host+"/index.php/Article/cpMes/value/1"); },5000);
扩展:
clearInterval()方法
clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
eg:
<html> <body> <input type="text" id="clock" size="35" /> <script language=javascript> var int=self.setInterval("clock()",50) function clock() { var t=new Date() document.getElementById("clock").value=t } </script> </form> <button onclick="int=window.clearInterval(int)"> Stop interval</button> </body> </html>
相关文章推荐
- 利用jQuery Ajax技术实现每隔5秒向某页面传值
- 利用jQuery Ajax技术实现每隔5秒向某页面传值
- 基于Jquery ajax技术实现间隔N秒向某页面传值
- JSP分页技术的实现(利用当前页进行前后加减,并利用href进行当前页面传值,传值当然是那个当前值变量)
- 利用JQUERY AJAX上传文件。重点是实现不刷新页面
- 利用ajax和JSP技术实现网页中表单的局部刷新(只刷新表单数据,而不刷新整个页面)
- 利用bigpipe机制实现页面模块的异步渲染 chunked技术
- 利用ajax技术实现通用分页,在jsp页面呈现
- 利用cookie实现从主页面向iframe页面里传值
- 利用jquery实现Ajax技术,post方式传值中文乱码问题的解决办法。
- 移动App开发 MUI框架 利用软键盘的搜索键实现页面跳转并传值
- 利用Strus2隐含域标签实现页面间传值
- 利用XML数据绑定实现页面无刷新的数据浏览
- 静态页中利用AJAX.NET实现无刷新页面
- 利用XML实现通用WEB报表打印(zt微软技术社区)
- 使用无刷新技术,去请求该失效Session的页面,实现跳转到重新登陆页面。
- 【原创】我的毕业设计论文——利用HOOK技术实现应用层网络抓包
- 利用XML数据绑定实现页面无刷新的数据浏览
- 静态页中利用AJAX.NET实现无刷新页面(2)
- 利用Spring MVC轻松实现页面缓存