【JavaScript-16】BOM-03 定时器+延时器

一、定时器

定时器：window下，可以简写。无线循环，按照我们规定的时间，间隔执行，除非清除定时器才能停止执行。

变量=setInterval(function (),毫秒)；

clearInterval(变量名)

<button class="clear">清除定时器</button>
	<script>
		// 定时器：window下，可以简写。无限循环，按照我们规定的时间，间隔执行，除非清除定时器才能停止执行
		
		// 创建一个定时器
		var timer = setInterval(function (){
			console.log("触发时间打印的值");
		},1000);
		//第二个参数是毫秒为单位，1000是毫秒数
		

		//如何清除定时器
		var clear = document.querySelector(".clear");
		clear.onclick = function (){
			clearInterval(timer);
		}
	</script>

七、延时器

延时器，等待一定时间之后执行(只执行一次)

变量= setTimeout(function (),毫秒数);

clearTimeout(变量名);

<button class="btn">清除延时器</button>
	<script>
		// 延时器 等待一定时间后执行（只执行一次）
		var times = setTimeout(function (){
			alert("时间到头了！");
			// console.log("时间",times);
		},5000);

		//清除延时器
		var btn = document.querySelector(".btn");
		btn.onclick = function (){
			clearTimeout(times);
		}
	</script>