利用setTimeout()函数实现函数代码的延迟执行

转载 2006年06月22日 15:50:00

在有些情况下,我们可能希望程序中的一部分代码先执行,然后停留n秒后再执行其他程序代码,但js对顺序写入的内容会一次执行完毕,即使使用一个大循环(如while(i<100000))也会很快执行完,而且也无法精确控制时间,因为循环的执行速度是依赖于用户的cpu的,因此我们必须利用时钟来设置,再js里有一个函数setTimeout函数,用于设定超时多长时间执行指定的代码。如setTimeout("a()",1000),指1秒钟后执行函数a(),

利用setTimeout函数我们可以很轻松的完成上面的问题,我们可以把a()钟要延迟执行的代码写入一个函数如b1()钟,然后原函数末尾写上setTimeout("b1()",3000),则b1()函数中的程序灰再3秒钟后执行。这样就实现了延迟执行制定代码的功能。

测试代码:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
< html  xmlns ="http://www.w3.org/1999/xhtml"  xml:lang ="en"  lang ="en" >
< head >
  
< title ></ title >
</ head >
< body >
< div  id ="a" ></ div >
< script  type ="text/javascript" >
function  a(){
document.getElementById(
" a " ).innerHTML = " aaa " ;
document.getElementById(
" a " ).innerHTML += " wait 6 seconds later " ;
setTimeout(
" b() " , 6000 );
}
function  b(){
    document.getElementById(
" a " ).innerHTML += " ccccc " ;
}
a();
</ script >
</ body >
</ html >

【PHP】PHP实现简单的setTimeOut来完成异步延时

一、需求来源。 开发微信公众号时,当用户关注我们的微信号,我们需要发送两条不同类型的消息给关注着。注意是不同类型。这么说吧,要发送Type1,Type2两种消息回复给关注者。 其中关注这个事件,处理这...
  • hustxiaoxian
  • hustxiaoxian
  • 2017年01月18日 20:34
  • 1924

《React-Native系列》18、 RN之定时器Timer

在web开发中,我们通常需要使用定时器功能,使用setTimeout和setInterval函数。 那么在ReactNative中,是否也提供了定时器的功能呢? 答案是肯定的。 我们还是先...
  • hsbirenjie
  • hsbirenjie
  • 2016年08月17日 22:07
  • 7672

Unity 延迟执行一段代码的实现比较好的方式

在Unity中,延时执行一段代码或者一个方法或者几个方法的情况非常普遍。 一般会用到Invoke和InvokeRepeating方法。顾名思义,第一个是执行一次,第二个是重复执行。 看下定...
  • rondong
  • rondong
  • 2015年01月26日 00:57
  • 5427

js关于setTimeout实现延时执行函数并进行传参

传参方式一:setTimeout第一个参数可以是一段JS的代码字符串片段,第二个参数为延迟时间单位ms function ab() { var a=1; var b =1; setTimeout("...
  • wan23333
  • wan23333
  • 2017年12月20日 20:55
  • 39

一些自学htm/javascipt代码(setTimeout函数使用,背景音乐的加载)

把图片路径 和音乐路径改下 可以看到效果。 none.jpg seed.jpg faya.jpg flower.png harvest.png 这里做的是一个模拟简易qq农场,...
  • u010398265
  • u010398265
  • 2015年06月01日 23:19
  • 287

如何使用定时器settimeout、setInterval执行能传递参数的函数

无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。经网上查询后整理如下: 例如对...
  • fengqiaojiangshui
  • fengqiaojiangshui
  • 2012年11月05日 20:20
  • 347

如何使用定时器settimeout、setInterval执行能传递参数的函数

无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。经网上查询后整理如下: 例...
  • h254541060
  • h254541060
  • 2015年09月09日 13:20
  • 205

解决js中setTimeout()函数的兼容问题

今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测,发现登陆成功后执行页面跳转函数这段JavaScript(JS)代码特效在IE和谷歌浏览器Chrome下都可以很好地执行,兼容性还不错。...
  • hpugym
  • hpugym
  • 2015年11月12日 22:34
  • 2172

9OAL 我们一般是借助setTimeout或setInterval这两个函数

来源:9OAL 我们一般是借助setTimeout或setInterval这两个函数 9OAL用js来实现动画,9OAL 我们一般是借助setTimeout或setInterval这两个函数,css...
  • mynote
  • mynote
  • 2014年07月27日 16:49
  • 664

javaScript里的setTimeout()函数

setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s)set...
  • u010735684
  • u010735684
  • 2016年03月01日 16:47
  • 535
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用setTimeout()函数实现函数代码的延迟执行
举报原因:
原因补充:

(最多只允许输入30个字)