`
apple_wxs
  • 浏览: 103391 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

window.setTimeout() 和window.setInterval() 使用说明

阅读更多
setTimeout()的使用:
先看个例子
<SCRIPT LANGUAGE="JavaScript">
function test() {
	//100毫秒后执行sleep方法, 但这100毫秒程序不会等待,会继续执行setTimeout后面的代码
	//效果就是 先alert(2); 后 alert(1);
	window.setTimeout("sleep()", 100);
	alert(2);	
}
function sleep(){
	alert(1);
}
test();
</SCRIPT>

关于setTimeout方法的第一个参数,可以为 字符串,也可以为方法的指针
如果为字符串的时候必须写括号,指针时不用写括号,
如:
window.setTimeout("sleep()", 100);
window.setTimeout(sleep, 100);

两者效果一样。

另: 可以指定参数,如
window.setTimeout("sleep('" + document.all.aa.value + "')", 100);
window.setTimeout(sleep(document.all.aa.value), 100);

然后再sleep方法里可以取到参数的值。

再看看window.setInterval()
<SCRIPT LANGUAGE="JavaScript">
var timer;//声明一个定时器
var count = 0;
function test()
{
	//每隔500毫秒执行一次add()方法
	timer = window.setInterval("add()",500);
}
function add(){
	alert(++ count);
	if (count == 5)
	{
		//如果count值达到5,清空定时器
		window.clearInterval(timer);
	}
}
test();
</SCRIPT>


window.setTimeout()是经过指定的某个时间段后执行一次指定的方法
window.setInterval()是循环的执行指定的方法,循环的间隔是指定的时间段,
然后通过window.clearInterval()方法清除循环执行。
分享到:
评论
1 楼 hadukiaz 2012-08-10  

08年的帖子,还在baidu第一页,你这样要误导多少人。
window.setTimeout(sleep(document.all.aa.value), 100); 


这个代码你测试过么,你就根本没搞懂js里()的含义。这段代码会立刻执行sleep函数而不会有延迟,不信你把100改成10000。
这样写的含义是
1.立即执行
sleep(document.all.aa.value)
,返回结果undefined,因为你没定义sleep的return,默认就是返回undefined
2.根据第一步执行后返回的结果,代入后得到
window.setTimeout(undefined, 100); 

也就是什么都不做。

相关推荐

    精解window.setTimeout()window.setInterval()使用方式与参数传递问题!

    这是我们常常会使用方法setInterval或setTimeout,但是由于这两个方法是由脚本宿主模拟出来的Timer线程,在通过其调用我们的方法是不能为其传递参数。 我们常用的使用场景是: 代码如下:window.setTimeout(...

    精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!

    精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!

    JavaScript window.setTimeout() 的详细用法

    虽然我学习和应用javascript已经两年多了,但是对setTimeout方法,有时候也要查阅资料。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout,很容易就会想到setInterval,...

    【JavaScript源代码】vue实现简易计时器组件.docx

     window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。 在Javascript中,代码一般都是同步执行的,但定时器却是异步执行的。 window.setTimeout(callback,delay); //...

    JavaScript SetInterval与setTimeout使用方法详解

    setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的,setInterval在执行完...

    使用自定义setTimeout和setInterval使之可以传递参数和对象参数

    /****************************************************** // // 功能: 修改window.setTimeout,使之可以传递参数和对象参数 // 使用方法: window.setTimeout(回调函数,延迟时间,参数1,参数n) // ******************...

    计时器倒计时

    js中计时器重要使用window.setInterval()方法和window.setTimeout()方法, 其中setInterval()方法的作用是每隔一段时间执行一次方法,而window.setTimeo...

    js实现秒表以及进度条.md

    1)window.setInterval(函数名称,时间);//间隔定时器(反复调用),时间的单位是毫秒 2)window.clearInterval(定时器的返回值);停止定时器 3)window.setTimeout(函数名称,时间)//延时定时器,执行一次 4)...

    JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

    废话不多说了,直接给大家贴代码了。 // 每隔五秒定时刷新当前窗口 setTimeout("self.location.reload();",5000); //js 定时关闭窗口(ie和FF中测试过)...window.setTimeout()和window.setInterval。其中前者可以使一段

    JavaScript中的定时器之Item23的合理使用

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

    理解javascript定时器中的setTimeout与setInterval

    一、解释说明 1、概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码。 2、语法 setTimeout: var timeoutID = window....

    VUE中setTimeout和setInterval自动销毁案例

    在Vue的大型单页应用中,在某个路由下,经常会出现需要延迟执行(setTimeout)或者间隔之心(setInterval)的函数,但是每次在页面destroy之前,都必须手动清理掉。 正常代码如下: beforeDestroy() { this._timer ...

    跟我学习javascript的定时器

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

    Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)

    定时执行:var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid); 举例说明: A.当要执行的方法中不需要参数时 代码如下: [removed] //循环执行,每隔3秒钟执行一次showalert() ...

    jQuery setTimeout()函数使用方法

    和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert&#40;1&#41;; } }); 只会执行一次,有朋友说可以使用 代码如下:setInterval (...

    Javascript DHTML 实例编程(教程)(四)初级实例篇2—动画

    上篇说了动态创建结点和删除结点的例子,这一篇说一些如何...1000)将可能抛出一个异常,这个时候,通常是你要传递一个对象参数,我建议用这样的一个办法来解决,也建议使用这种方法来使用window.setTimeout和window.se

    javascript常用对象梳理

    熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resizeTo、scrollTo、print方法...

    js中的setInterval和setTimeout使用实例

    setInterval() 定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来执行函数或表达式。该方法会不停地循环调用函数,直到使用 clearInterval() 明确停止该函数或窗口被关闭。clearInterval() 函数的参数即...

    javascript中SetInterval与setTimeout的定时器用法

    示例一: 查看演示 下载源码 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数...var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var t

    js-window属性大全

    js-window属性大全,window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用,掌握window对象的moveTo、resizeTo、scrollTo...

Global site tag (gtag.js) - Google Analytics