利用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 >

相关文章推荐

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

把图片路径 和音乐路径改下 可以看到效果。 none.jpg seed.jpg faya.jpg flower.png harvest.png 这里做的是一个模拟简易qq农场,...

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

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

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

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

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

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

javaScript里的setTimeout()函数

setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s)set...

JS 定时器 (setInterval 和 setTimeout 函数)

DEMO1: html> head> script language="JavaScript"> function Refresh() {  var newDateObj ...

网页天幕代码!从css、html到js的完美实现(自执行函数加原型的完美应用)!!

天幕代码!完整干货!已封装好一切!
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用setTimeout()函数实现函数代码的延迟执行
举报原因:
原因补充:

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