setinterval和settimeout的区别

共同点

setInterval 和 setTimeout 都是 JavaScript 中用于设置定时器的两个函数。

不同点

触发时间和执行方式

代码解析

setTimeout 函数用于延迟执行某条代码。

setTimeout(function() {
		console.log("Hello, World!");
		}, 1000);

代码解析：当网页打开1秒后在控制台显示一条"Hello, World!"的消息

setInterval 函数用于循环执行一段特定的代码，每隔一定的时间执行一次。

setInterval(function() {
		console.log("Hello, World!");
		}, 1000);

代码解析：当网页打开每隔1秒在控制台显示一条"Hello, World!"的消息

几种常见的setInterval 和 setTimeout的写法

使用函数表达式：

// 使用 setInterval
		const intervalId = setInterval(function() {
		// 执行的代码
		}, 1000);
		
		// 使用 setTimeout
		const timeoutId = setTimeout(function() {
		// 执行的代码
		}, 1000);

使用箭头函数：

// 使用 setInterval
		const intervalId = setInterval(() => {
		// 执行的代码
		}, 1000);
		
		// 使用 setTimeout
		const timeoutId = setTimeout(() => {
		// 执行的代码
		}, 1000);

使用函数引用：

// 使用 setInterval
		function myFunction() {
		// 执行的代码
		}
		
		const intervalId = setInterval(myFunction, 1000);
		
		// 使用 setTimeout
		function myFunction() {
		// 执行的代码
		}
		
		const timeoutId = setTimeout(myFunction, 1000);

使用匿名函数：

// 使用 setInterval
		const intervalId = setInterval(function() {
		// 执行的代码
		}, 1000);
		
		// 使用 setTimeout
		const timeoutId = setTimeout(function() {
		// 执行的代码
		}, 1000);

清除定时

可以用clearInterval 或 clearTimeout 来清除定时器，clearInterval 用来清除setInterval，clearTimeout 用来清除setTimeout