您的位置:首页 > Web前端 > JavaScript

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

2012-12-10 15:14 686 查看
定时器:(延迟器)
用以指定在一段特定的时间后执行某段程序。
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: