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

定义: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
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值