setTimeout()和setInterval()

最新推荐文章于 2025-08-01 16:09:40 发布

原创最新推荐文章于 2025-08-01 16:09:40 发布 · 517 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #setTimeout #setInterval

前端_jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文深入解析JavaScript中的setTimeout和setInterval方法，包括如何使用它们在指定时间后执行函数，以及如何通过setTimeout实现一次性的函数调用，通过setInterval实现周期性的函数调用，并提供实例代码演示。

setTimeout()和setInterval()可以用来注册在指定的时间之后单词或重复调用的函数。因为它们都是客户端JavaScript中重要的全局函数，所以定义为

Window对象的方法，但作为普通函数，其实不会对窗口做什么事情。

setTimeout()方法用来实现一个函数在指定的毫秒数之后运行。

setInterval()和setTimeout()一样，只不过这个函数会在指定毫秒数的间隔里重复调用；

JS简例如下：

<span style="font-size:14px;">/*setTimeout()*/
            var j = 0;
            function a(){
				alert(1);//dosomething;
				j++;
				var b = setTimeout(a,2000);//此处a不可写为a();调用函数时都不加括号
				if(j==3)
				{
					clearTimeout(b);//stop loop
				}
				
			}
	    a();
/*setTimeout()*/</span>

<span style="font-size:18px;">/*setInterval()*/
         var i = 0;
         var t = setInterval(m,3000);
         function m(){
	              alert('3seconds!');
	              i++;
	              if(i==1)
	              {
    	                    clearInterval(t);//stop loop
	              }
	}
/*setInterval()*/</span>