javaScript定时器函数

最新推荐文章于 2025-06-06 16:03:06 发布

水果前端

最新推荐文章于 2025-06-06 16:03:06 发布

阅读量3.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_52140964/article/details/127463744

javaScript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了JavaScript中的两种定时器函数：setInterval()和setTimeout()。setInterval()用于每隔一定时间重复执行一个函数，返回的ID可用于清除定时器。setTimeout()则用于在指定延迟后执行一次函数，支持传递额外参数。注意，setTimeout(func(), delay)会导致函数立即执行，而非延迟执行。" 72676373,5716144,Android应用优化：代码检测工具实战,"['Android开发', '代码质量', '静态分析', '优化工具']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js 定时器有以下两个方法：
setInterval() ,setTimeout()

1.setInterval()

setInterval(code,millisec,lang)

请添加图片描述
作用
这个函数可以将一个函数每隔一段时间执行一次

返回值
返回一个Number类型的数据,这个数字用来作为定时器的唯一标识
可以用clearInterval()关闭setInterval()

var timer = setInterval(function(){
		count.innerHTML = num++;
			if(num == 11){
				//关闭定时器
				clearInterval(timer);
			}
		},1000);

如果是调用局部函数不需要加（）

var fun = function() {
	c.innerHTML = num++;
		if (num == 11) {
			//关闭定时器
			clearInterval(timer);
		}
	}
	var timer = setInterval(fun, 1000);//这种方式fun一定不能写成fun()

2.setTimeOut

setTimeout(func|code,delay);
第一个参数表示将要推迟的函数名或者一段代码，第二个参数表示推迟执行的毫秒数
举例：

setTimeout("alert('对不起, 要你久候')", 3000 )

推迟的代码必须以字符串的形式，因为引擎内部使用eval()函数，将字符串转为代码。
＊：如果推迟执行的是函数，则可以直接将函数名，放入setTimeout()

function func(){
　　console.log(2);
}
setTimeout(func,5000);
//或者
setTimeout(function(){
　　console.log(2);
},1000)

*:如果写成setTimeout(func(),5000);func会立即执行

同时setTimeOut支持更多参数

setTimeout(function(a,b){
　　console.log(a+b);
},1000,4,5)
//4,5 9
//'str' '2' str2

从第三个参数开始，依次用来表示第一个参数（回调函数）传入的参数
＊：一些古老的浏览器是不支持，可以用bind或apply方法来解决