JavaScript中的setTimeOut,及5个常用实例

xiaoxiao2021-02-28  37

定义:setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

语法:setTimeout(code,millisec) 

code必需。要调用的函数后要执行的 JavaScript 代码串。millisec必需。在执行代码前需等待的毫秒数。 值得注意的是:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

如果想要停止执行中的setTimeout(),需要执行clearTimeout(t),t是setTimeout()的id,下面例子介绍。

例子:

1、执行time1() 函数,5s后会弹出提示框。

function time1() { var t=setTimeout("alert('5 seconds!')",5000) } 2、执行time2() 函数,id为txtId的文本域或者输入框,会顺序显示值,2、4、6

function time2() { var t1=setTimeout("document.getElementById('txtId').value='2 seconds!'",2000) var t2=setTimeout("document.getElementById('txtId').value='4 seconds!'",4000) var t3=setTimeout("document.getElementById('txtId').value='6 seconds!'",6000) }

3、执行time3()函数,id为txtId的输入框会从0开始计时

var c=0 var t function time3() { document.getElementById('txtId').value=c c=c+1 t=setTimeout("time3()",1000) }

4、执行timedCount()计时开始,要停止执行stopCount()

var c=0 var t function timedCount() { document.getElementById('txt').value=c c=c+1 t=setTimeout("timedCount()",1000) } function stopCount() { clearTimeout(t) }

5、setTimeout()实现的时钟

function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() m=checkTime(m) s=checkTime(s) document.getElementById('txt').innerHTML=h+":"+m+":"+s t=setTimeout('startTime()',500) } function checkTime(i) { if (i<10)   {i="0" + i}   return i }

转载请注明原文地址: https://www.6miu.com/read-26873.html

最新回复(0)