Home > Web Front-end > JS Tutorial > js setTimeout函数用法实例

js setTimeout函数用法实例

WBOY
Release: 2016-06-01 09:55:04
Original
1304 people have browsed it

语法

setTimeout(code,millisec)
参数    描述
code    必需。要调用的函数后要执行的 JavaScript 代码串。
millisec    必需。在执行代码前需等待的毫秒数。


提示和注释
提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

 

实例:

<code>

<script type="text/javascript">
function timedMsg()
{
   var t=setTimeout("alert('5 seconds!')",5000)
}
</script>


<form>
<input type="button" value="Display timed alertbox!" onclick="timedMsg()">
</form>
<p>Click on the button above. An alert box will be
displayed after 5 seconds.</p>

</code>
Copy after login

如果需要终止定时函数执行,可以使用clearTimeout()。
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
语法
clearTimeout(id_of_settimeout)
参数             描述
id_of_settimeout    由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

下面的例子每秒调用一次 timedCount() 函 数。您也可以使用一个按钮来终止这个定时消息:

<code>

<script type="text/javascript">
var c=0
var t
function timedCount(){
  document.getElementById('txt').value=c
  c=c+1
  t=setTimeout("timedCount()",1000)
}
function stopCount(){
  clearTimeout(t)
}
</script>


<form>
<input type="button" value="Start count!" onclick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onclick="stopCount()">
</form>

</code>
Copy after login

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template