javascript中setTimeout和setInterval函数的用法和实例.docx

1.用法区别：setTimeout(表达式,延时时间)；/只执行一次,无周期setInterval(表达式,交互时间)；/周期交互时间停止：主要是利用window.clearInterval(intervalID);window.clearTimeout(timeoutID);2.示例function testTimeout() var kk = 1;/1.能够调用外部变量/setTimeout(function()alert(kk);,2000);/2.在执行表达式内部结束这个定时器 var intervalId = setInterval(function()if (kk+ = 3) clearInterval(intervalId); alert(111); , 1000); testTimeout();先来了解 setInterval :1,HTML DOM setInterval() 方法定义和用法setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。语法setInterval(code,millisec,lang)参数 描述code 必需。要调用的函数或要执行的代码串。millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。返回值一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。2,HTML DOM clearInterval()方法定义和用法clearInterval() 方法可取消由 setInterval() 设置的 timeout。clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。语法clearInterval(id_of_setinterval)参数 描述id_of_setinterval 由 setInterval() 返回的 ID 值。如何停止：下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock： var int=self.setInterval(clock(),50) function clock() var t=new Date() document.getElementById(clock).value=t Stop interval 再来了解 setTimeout :1,HTML DOM setTimeout() 方法定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法setTimeout(code,millisec)参数 描述code 必需。要调用的函数后要执行的 JavaScript 代码串。millisec 必需。在执行代码前需等待的毫秒数。提示和注释提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。实例,这个例子，在你点击按钮 5 秒钟后会弹出一个提示框： function timedMsg() var t=setTimeout(alert(5 seconds!),5000) Click on the button above. An alert box will be displayed after 5 seconds. 2,HTML DOM clearTimeout() 方法定义和用法clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。语法clearTimeout(id_of_settimeout)参数 描述id_of_setinterval 由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。实例下面的例子每秒调用一次 timedCount() 函数。您也可以使用一个按钮来终止这个定时消息： var c=0 var t function timedCount() document.getEleme