cari

Rumah >hujung hadapan web >tutorial js >基于Jquery ajax技术实现间隔N秒向某页面传值

基于Jquery ajax技术实现间隔N秒向某页面传值

亚连
亚连asal
2018-05-24 15:18:411646semak imbas

这篇文章给大家介绍jquery ajax技术实现每隔一段时间向某页面传值，以及setinterval()方法的语法介绍，对本文感兴趣的朋友可以参考下

有时候我们需要每隔一段时间向某页面传值，比如说聊天室，每隔几秒就像数据库处理页面传值并取回，然后显示在聊天窗口。又或者是每隔一段时间就查询用户最后发言时间到现在是否间隔2分钟，如果是则将用户退出。这个时候我们就要用到HTML DOM setInterval() 方法。

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法：

setInterval(code,millisec[,"lang"])

code

必需。要调用的函数或要执行的代码串。

millisec

必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

eg:

 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技术实现间隔N秒向某页面传值的相关介绍，希望大家喜欢。

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

基于Jquery.history解决ajax的前进后退问题

Ajax请求session失效该如何解决

编写轻量ajax组件02--浅析AjaxPro

Atas ialah kandungan terperinci 基于Jquery ajax技术实现间隔N秒向某页面传值. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript作用域底层作用分析Artikel seterusnya：封装一个可以获取元素文本内容的函数

Artikel berkaitan

Lihat lagi