• 定时器: (延迟器)

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

  • 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>

微信小程序

微信扫一扫体验

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部