009定时器

JavaScript

  • 定时器:(延迟器)

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

  • setTimeout():(1.0版)

格式:

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

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



例1:
<Script>

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

</Script>

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

例2:
<Script>

function show() {
    document.all['news'].style.display = "";
    setTimeout("hide()",500);
}

function hide() {
    document.all['news'].style.display = "none";
    setTimeout("show()",500);
}

</Script>

<Body onload="show()">
最新消息:<FONT ID="news" STYLE="display:none">十面埋伏...</FONT>
</Body>

  • clearTimeout():终止定时器

格式:

clearTimeout(定时器对象名)

 

  • setInterval():(1.2版)

格式:

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

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

  • clearInterval():终止定时器

格式:

clearInterval(定时器对象名)

 

例1:
<Script>

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>

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>