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>
用以指定在一段特定的时间后执行某段程序。
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>
相关文章推荐
- 【javascript】【定时器】【setTimeout, setInterval】【优化】
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 理解javascript定时器中的setTimeout与setInterval
- Javascript的setTimeOut()和setInterval()的定时器用法
- Javascript 中的定时器: setTimeout() 和 setInterval()
- Javascript中setTimeOut和setInterval的定时器用法
- javascript中SetInterval与setTimeout的定时器用法
- JavaScript定时器setTimeout()和setInterval()详解
- javascript中SetInterval与setTimeout的定时器用法
- Javascript的setTimeOut()和setInterval()的定时器用法
- Javascript 笔记与总结(2-13)定时器 setTimeout 和 setInterval
- javascript 函数返回值(return)、定时器(setTimeout、setInterval)
- 理解JavaScript定时器:setTimeout和setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- Javascript的setTimeOut()和setInterval()的定时器用法
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 理解javascript定时器中的setTimeout与setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval