JS setInterval()、 setInterval()与 clearInterval() 方法的使用

来源：互联网发布：火影忍者服装淘宝网编辑：程序博客网时间：2024/05/17 03:35

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却没有被自己所调用的函数所束缚，它只是简单地每隔一定时间就重复执行一次那个函数。===========================================================

0 0