JavaScript中的定时器(setTimeout、setInterval) ( 2008-06-04 17:06:08| 分类: jsp+html+js+Ajax)

时间:2022-10-27 00:23:44

  • 定时器:(延迟器)  

用以指定在一段特定的时间后执行某段程序。

  • setTimeout():(1.0版)  

格式:

[定时器对象名=] setTimeout(“<表达式>”,毫秒)

功能:执行<表达式>一次。

<SCRIPT LANGUAGE="JavaScript">
setTimeout("confirm('123456')",1000);
</SCRIPT>

<script language="JavaScript" type="text/javascript">

function count() {
     setTimeout("alert('三秒到了')",3000)
}

</Script>

<INPUT TYPE="button" VALUE=" 计时开始" onClick="count()">

  • clearTimeout():终止定时器  

格式:

clearTimeout(定时器对象名)

  • setInterval():(1.2版)  

格式:

[定时器对象名=] setInterval(“<表达式>”,毫秒)

功能:重复执行<表达式>,直至窗口、框架被关闭或执行clearInterval。

  • clearInterval():终止定时器  

格式:

clearInterval(定时器对象名)

例1:
<Script><script language="JavaScript" type="text/javascript">

var sec = 0;
timerID = setInterval("count()",1000);

function count() {
     num.innerHTML = sec++;
}

</Script>

停留时间:
<FONT ID="num" FACE="impact">0</FONT>秒钟
<INPUT TYPE="button" VALUE="停止" onClick="clearInterval(timerID)">

例2:
<script language="JavaScript" type="text/javascript">

var str = "这是一个在线拍卖的网站,请尽情血拼吧!";
var seq = 0;

function scroll() {
     msg = str.substring(0, seq+1);
     banner.innerHTML = msg;
     seq++;
     if (seq >= str.length) seq = 0;
}

</Script>

<Body onLoad="setInterval('scroll()',500)">
<FONT ID="banner"></FONT>
</Body>