HTML DOM setInterval()、clearInterval() 方法总结


 

js 间隔时间执行函数    

循环:每隔1秒执行一次
window.setInterval(infospan, 1000); 
一次:等待5秒后执行
 window.setTimeout(infospan, 500); 

js的setInterval()每隔指定的时间就执行对应的函数

setInterval()函数的语法如下:

setInterval ( code, milliseconds[, args...] )

// 每隔5秒钟就弹出提示信息"欢迎来到CodePlayer"。
setInterval('alert("欢迎来到CodePlayer");', 5000);

参数code也可以是一个函数调用。

function my(){
    alert("dhm");
}

// 每隔5秒钟就弹出提示信息"dhm"。
var intervalID = setInterval(my, 5000);

// 取消该定时设置
clearInterval(intervalID);
---------------------


HTML DOM setInterval()、clearInterval() 方法

<html> <head> <title>标题</title> <script src="../js/clock.js" mce_src="js/clock.js" language="JavaScript"> </script> </head> <body> <div id="clock"></div> <script language="JavaScript"> <!-- var clockDiv = document.getElementById("clock"); // 自定义时钟对象,实时显示当前时间 var clickObj = new Clock(clockDiv); /* * setInterval()方法使用,周期性的调用clickObj.getCurrentDate() * 以更新显示内容 */ var intervalId = window.setInterval("clickObj.getCurrentDate()", 1000); // --> </script> <br> <!-- 此处clearInterval()方法的参数intervalId就是上面setInterval()调用后的 返回值 --> <input type="button" onclick="window.clearInterval(intervalId)" value="停止计时" /> </body> </html>



setTimeout和setInterval

setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行
的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将
执行那段代码。

    不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过
了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那
段代码。

区别:window.setTimeout("function",time);//设置一个超时对象,只执行一次,无周期
          window.setInterval("function",time);//设置一个超时对象,周期='交互时间'

停止定时:
          window.clearTimeout(对象) 清除已设置的setTimeout对象
            window.clearInterval(对象) 清除已设置的setInterval对象



showTime();

function showTime() {
     var today = new Date();
     alert("The time is: " + today.toString());
     setTimeout("showTime()", 5000);
}

一旦调用了这个函数,那么就会每隔5秒钟就显示一次时间



===========================================================
setInterval("showTime()", 5000);

function showTime() {
     var today = new Date();
     alert("The time is: " + today.toString());
}

而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间
就重复执行一次那个函数。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM