`
apple_wxs
  • 浏览: 104424 次
  • 性别: 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); 

也就是什么都不做。

相关推荐

    JavaScript_window.setTimeout()_的详细用法

    `window.setTimeout()`和`window.setInterval()`是JavaScript中非常实用的两个API,它们可以用来实现各种基于时间的功能,如定时任务、倒计时等。正确理解和使用这两个API,可以帮助开发者更好地控制程序的执行流程...

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

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

    字符串 window.open() window.opener window.name window对象等的总结

    - `window.setTimeout()`和`window.clearTimeout()`:用于在指定延迟后执行函数,或取消已安排的函数。 - `window.setInterval()`和`window.clearInterval()`:周期性执行某函数,或停止周期性执行。 通过001.html...

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

    本文将详细讲解window.setTimeout()和window.setInterval()的使用方式,并着重分析在不同场景下的参数传递问题。 首先,我们来看setTimeout和setInterval的基本用法。setTimeout方法用于将某个函数推迟执行一定的...

    JavaScript window.setTimeout() 的详细用法

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

    关于js-window对象的方法和属性资料

    ### 关于JS Window对象的方法和属性详解 #### 概述 在JavaScript中,`window`对象是最顶层的对象,几乎所有的全局变量、函数等都属于它。`window`对象提供了多种方法和属性,使得开发者能够更好地控制浏览器窗口的...

    js中SetInterval与setTimeout用法

    在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。下面我们将详细讲解这两种函数的区别和用法。 SetTimeout 函数 SetTimeout 函数用于延迟执行某个函数...

    jsWindow对象及方法.pdf

    - window.clearInterval():此方法用于取消之前使用setInterval()设置的周期性执行的定时器。 4. Window对象的窗口位置与尺寸调整方法 - window.moveBy():此方法按照指定的像素值移动窗口。 - window.moveTo():此...

    IFrame AND window对象

    4. **定时器**:`window.setTimeout()`和`window.clearTimeout()`用于设置和清除定时执行的函数,`window.setInterval()`和`window.clearInterval()`则用于周期性执行函数。 例如,以下代码会在5秒后弹出一个消息框...

    js中SetInterval与setTimeout用法.pdf

    在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。本文将详细介绍这两种函数的用法和区别。 setTimeout 函数 setTimeout 函数用于延迟执行某个函数或...

    window对象方法属性全解

    在使用Window对象的方法和属性时,通常可以省略window前缀,因为它们是全局的。然而,有些情况下,如在事件处理函数中调用`location.href`、`window.close()`或`window.open()`,则需要明确指定window对象,以避免...

    Javascript中, setTimeout() 和 setInterval() 的方法

    总之,`setTimeout()`和`setInterval()`是JavaScript中用于处理时间调度的核心工具,它们的正确使用对于编写健壮的前端应用至关重要。理解它们的工作机制,并根据需求选择合适的函数,能够帮助开发者更好地控制代码...

    JavaScript_之Window对象.doc

    以下是Window对象的一些主要方法的详细说明: 1. **open()** 方法: `window.open(URL, [windowName], [features])` 用于打开一个新的浏览器窗口或标签页,并加载指定的URL。`URL` 是要打开的页面的地址,`...

    window属性大全

    以下是对Window对象的一些关键属性和方法的详细解释: 1. **open方法**: `window.open(URL, windowName, windowFeatures)` 用于打开一个新的浏览器窗口或重新加载已存在的窗口。URL是你要加载的页面地址,...

    window对象的常用方法和作用

    在JavaScript中,所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window.open(URL, 窗口名称, 窗口风格)` 用于打开新的浏览器窗口。`URL`...

    VUE中setTimeout和setInterval自动销毁案例

    在Vue.js应用中,我们经常会遇到使用`setTimeout`和`setInterval`来实现某些延时或周期性操作。然而,如果不正确地管理这些定时器,它们可能会在组件被销毁后仍然继续运行,导致不必要的资源消耗和潜在的问题。本文...

    JavaScript SetInterval与setTimeout使用方法详解

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

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

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

    window.open关于浏览器拦截问题分析及解决方法

    2. 使用`setTimeout`或`setInterval`来模拟用户交互。这种方法的原理是,浏览器可能认为在一定时间间隔内的窗口打开操作是由用户触发的。然而,这种方法并不是万无一失,因为不同的浏览器对此有不同的判断标准,可能...

Global site tag (gtag.js) - Google Analytics