javascript中的定时器

来源：互联网发布：linux开机出现dracut 编辑：程序博客网时间：2024/06/05 07:16

javascript中有两种定时器：
1.setTimeout(code,millisec)
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。clearTimeout()方法可取消由 setTimeout() 方法设置的 timeout。

由 setTimeout() 返回的 ID 值可用作 clearTimeout() 方法的参数。

参数描述
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数。

<html><head><script type="text/javascript">var c=0var tfunction timedCount(){document.getElementById('txt').value=cc=c+1t=setTimeout("timedCount()",1000)}function stopCount(){clearTimeout(t)}</script></head><body><form><input type="button" value="开始计时！" onClick="timedCount()"><input type="text" id="txt"><input type="button" value="停止计时！" onClick="stopCount()"></form></body></html>

2.setInterval(code,millisec)
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
参数描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

<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><button onclick="int=window.clearInterval(int)">Stop interval</button></body></html>