javascript延时的简单介绍

如何用javascript设置延时执行

二、JavaScript 的计时事件的函数

创新互联咨询电话：028-86922220，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联网页制作领域10多年，包括广告制作等多个方面拥有丰富的网站制作经验，选择创新互联，为网站保驾护航！

setTimeout() - 在指定时间后执行代码

clearTimeout() - 取消 setTimeout()注意:setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。

三、setTimeout详解

var t=setTimeout("javascript 语句",时间参数)

注：时间参数单位为毫秒

示例：var t=setTimeout("alert('3 seconds!')",3000)

如果js语句带变量，则必须用+号将变量连接起来，如：

var t=setTimeout（"document.getElementById("+menuid+").style.display='none'",3000)

四、clearTimeout详解

语法：clearTimeout(setTimeout的变量名)

示例：clearTimeout(t) //其中t为前面设置的setTimeout的变量

使用clearTimeout可以随时停止计时。

五、应用技巧

建议将setTimeout单独设置为一个函数。如：

function delayRun(code,time) {

var t=setTimeout(code,time);}这样，在需要让某段代码延时执行的时候，只需在这段代码前加入这个函数就可以了。如：

onmouseover=delayRun("setTab(0,0)",500)

其中setTab是一个自定义的函数。如果以后不想让setTab延时执行，则去掉语句中的delayRun相关的代码即可，改为：onmouseover=setTab(0,0) 就可以了。

这种写法避免每一个需要延时的地方都写一段setTimeout的代码，只需要直接调用就可以了，很方便。也节省了代码的量。

实现javascript的延期执行或者重复执行的两个函数

以下内容摘录自《征服AJAX Web2.0开发技术详解》,今天在图书管看书觉得讲的挺好的，特此摘录！小部分内容和代码做了改动！

window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：

复制代码

代码如下:

window.setTimeout(expression,milliseconds);

window.setInterval(expression,milliseconds);

其中，expression可以是用引号括起来的一段代码，也可以是一个函数名，到了指定的时间，系统便会自动调用该函数，当使用函数名作为调用句柄时，不能带有任何参数；而使用字符串时，则可以在其中写入要传递的参数。两个方法的第二个参数是milliseconds，表示延时或者重复执行的毫秒数。下面分别介绍两种方法。

1．window.setTimeout方法 该方法可以延时执行一个函数，例如：

一秒后会弹出"hello"

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

这段代码将使得页面打开5秒钟后显示对话框“hello”。其中最后一句也可以写为：

window.setTimeout("hello()",1000);

读者可以体会它们的差别，在window.setInterval方法中也有这样的性质。

如果在延时期限到达之前取消延执行，可以使用window.clearTimeout(timeoutId)方法，该方法接收一个id，表示一个定时器。这个id是由setTimeout方法返回的，例如：

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

这样，如果要取消显示，只需单击页面任何一部分，就执行了window.clearTimeout方法，使得超时操作被取消。

2．window.setInterval方法

该方法使得一个函数每隔固定时间被调用一次，是一个很常用的方法。如果想要取消定时执行，和clearTimeout方法类似，可以调用window.clearInterval方法。clearInterval方法同样接收一个setInterval方法返回的值作为参数。例如：

复制代码

代码如下:

//定义一个反复执行的调用

var id=window.setInterval("somefunction",10000);

//取消定时执行

window.clearInterval(id);

上面的代码仅用于说明怎样取消一个定时执行。实际上在很多场合都需要用到setInterval方法，下面将设计一个秒表，来介绍setInterval函数的用途：该秒表将包括两个按钮和一个用于显示时间的文本框。当单击开始按钮时开始计时，最小单位为0.01秒，此时再次单击按钮则停止计时，文本框显示经过的时间。另外一个按钮用于将当前时间清零。其实现代码如下：

New

Document

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

js如何延时执行下一条语句

javascript提供了setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，因此延迟1秒后执行一个函数可以如下代码实现：

setTimeout("fun()",1000);   // fun()是自定义函数

下面实例演示：打开页面后倒计时3秒，然后弹出对话框

1、HTML结构

div id="test"3/div

2、javascript代码

function fun(n){

if(n0){

n--;

document.getElementById("test").innerHTML = n;

setTimeout("fun("+n+")",1000)

}

else

alert("时间到！！");

}

window.onload = function(){

setTimeout("fun(3)",1000)

}

3、效果演示

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。