A-A+

HTML DOM setInterval() 方法

2015年12月12日 前端设计 暂无评论 阅读 9 views 次

这两天在设计一个前端 app,用到不少的美工 html 以及 js,今天有这样的一个需求,就是在 html 页面进行一个函数的调用,实现以指定时间来调用某个函数或者某个功能,而且这个是实时进行调用的,也可以说是不断的进行调用,这是个笨方法了,其 ajax 方法还没研究通透,在 html 里面使用不了 php 的语句,只能使用 html 里面可以实现的方法了,最终夏日博客选定了 html dom setinterval() 方法来进行解决这个需求,下面是关于 HTML DOM setInterval() 方法的一个详情用法。

定义和用法:

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

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

语法:

setInterval(code,millisec[,"lang"])参数 描述

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

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

返回值:

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

实例:

  1. <html>  
  2. <body>  
  3.   
  4. <input type="text" id="clock" size="35" />  
  5. <script language=javascript>  
  6. var int=self.setInterval("clock()",50)  
  7. function clock()  
  8.   {  
  9.   var t=new Date()  
  10.   document.getElementById("clock").value=t  
  11.   }  
  12. </script>  
  13. </form>  
  14. <button onclick="int=window.clearInterval(int)">  
  15. Stop interval</button>  
  16.   
  17. </body>  
  18. </html>  
标签:

给我留言