BOM-定时器-组团学

一、间歇定时器

setInterval(函数,时间)

作用：创建一个间歇定时器，每个一段参数2时间(毫秒)执行一次参数1函数

返回值：定时器的id，可以通过该id关闭定时器
closeIntervar(定时器的id)

作用：停止定时器

注意：js中没有恢复定时器一说，当你停止定时器之后，定时器就会被删掉，想要继续的话，直接新建一个定时器

需求：每隔2秒钟打印一次“sunck is a good man”

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定时器-间歇性定时器</title>
</head>
<body>
	<button onclick="closeIntervar()">关闭定时器</button>
	<script type="text/javascript">
		var timer = window.setInterval(func, 2000);
		function func() {
			console.log("sunck is a good man");
		}

		function closeIntervar() {
			window.clearInterval(timer);
		}
	</script>
</body>
</html>

二、延时定时器

setTimeout(函数名，时间)

作用：创建一个延时定时器，参数2时间(毫秒)以后再执行参数1函数

返回值：定时器的id，可以通过该id关闭定时器
clearTimeout(定时器的id)

作用：停止定时器

需求：启动界面后5秒钟后打印“sunck is a nice man”

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定时器-延时定时器</title>
</head>
<body>
	<button onclick="closeTimer()">关闭定时器</button>
	<script type="text/javascript">
		alert("创建定时器，5秒后执行名为func的函数");
		var timer = window.setTimeout(func, 5000);
		function func() {
			console.log("sunck is a good man");
		}

		function closeTimer() {
			window.clearTimeout(timer);
		}
	</script>
</body>
</html>