JS的定时器的setTimeout和setInterval

69 阅读 0 评论 46 点赞

我是靠谱客的博主踏实故事，最近开发中收集的这篇文章主要介绍JS的定时器的setTimeout和setInterval，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。

setTimeout只在指定时间后执行一次，代码如下：

<script>
	function hello() {
		console.log("hello");
	}
	var t1 = setTimeout(hello, 100); //使用方法名字执行方法
	var t2 = setTimeout("hello()", 300); //使用字符串执行方法
	clearTimeout(t1); //去掉定时器
</script>

setInterval以指定时间为周期循环执行，代码如下：

<script>
	function hello() {
		console.log("hello");
	}
	var t1 = setInterval(hello, 100); //使用方法名字执行方法
	var t2 = setInterval("hello()", 300); //使用字符串执行方法
	clearInterval(t1); //去掉定时器
</script>