Heim > Web-Frontend > js-Tutorial > js setTimeout函数用法实例

js setTimeout函数用法实例

WBOY
Freigeben: 2016-06-01 09:55:04
Original
1308 Leute haben es durchsucht

语法

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>
Nach dem Login kopieren

如果需要终止定时函数执行,可以使用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>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage