JavaScript的BOM定时器setInterval()和setTimeout()

js 定时器有以下两个方法：

//定时调用的函数，可以按照给定的时间(单位毫秒)周期调用函数
setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
clearInterval() 清除定时器

//在指定的毫秒数到达之后执行指定的函数，只执行一次
setTimeout() ：在指定的毫秒数后调用函数或计算表达式。
clearTimeout()清除定时器

setTimeout定时器的3个用法:

    //setTimeout  设置定时器，1s(1000ms)后 输出hello
	//方法1:直接传递函数
	setTimeout(function(){
		console.log('hello');
	}, 3000);
	
	//方法2:先定义函数 再传递函数名称
	function f1(){
		console.log('hello');
	}
	setTimeout(f1, 3000);

注意:传递一段字符串格式的js代码，通常是字符串格式的函数的调用

//方法3
setTimeout('f1()', 3000);

setTimeout的清除定时器clearTimeout

清除定时器 clearTimeout  需要使用设置定时器时的返回结果--定时器的编号

var timeout = setTimeout(function(){
		console.log('hello');
	},3000);
	console.log(timeout);
	var timeout = setTimeout(function(){
		console.log('hello');
	},3000);
	console.log(timeout);
	clearTimeout(timeout);

setInterval定时器案例

定义:setInterval 设置定时器  每隔多少毫秒 执行一次

//设置 每隔1000ms 输出一次“起床啦”
	setInterval(function(){
		console.log('起床啦');
	}, 1000);

setInterval的清除定时器clearInterval()

	设置 每隔1000ms 输出一次“起床啦”  10次后停止
	var num = 0; // 用来计数的
	var timer = setInterval(function(){
		console.log('起床啦' + num);
		num++;
		if(num == 10){
			//停止定时器
			console.log('马上停止啦');
			clearInterval(timer);
		}
	}, 1000);