延迟和间隔函数

延迟函数

setTimeout（参数1，参数2）

参数1做的事件，参数2延迟多少毫秒，参数3是给参数1要做的函数传参，

 

    var fn1 = function(color){
                document.body.style.backgroundColor = color
            }
            
     setTimeout(fn1,3000,"skyblue")

取消延迟函数，延迟函数会返回一个id，用一个变量去接收它。

 var setid =   setTimeout(fn1,3000,"skyblue")

clearTimeout(setid)

第三个参数,可以传递参数（给延迟触发的函数传参），就是给第一个函数来传入的参数，如果第一个函数有多个值，可以接着传

例子：

	var fn1 = function(color,fontsize){
				document.body.style.backgroundColor = color;
				document.body.style.fontSize=fontsize+"px";
			}
			
    var setid =  setTimeout(fn1,3000,"skyblue",100)

也可以

	var fn1 = function(color,fontsize){
				document.body.style.backgroundColor = color;
				document.body.style.fontSize=fontsize+"px";
			}
			
			// var setid =  setTimeout(fn1,3000,"skyblue",100)
			
	setTimeout(function(){
			fn1("skyblue",100)
	},3000)

 

间隔函数

setInterval(参数1，参数2) 间隔函数

参数1要做的事，参数2时间毫秒

            var fn2 = function(){
                var time = new Date()
                console.log(time)
                document.body.innerHTML =time
            }
            
            setInterval(fn2,3000)
            //取消间隔函数
            setTimeout(function(){
                var inter = setInterval(fn2,3000)
                clearInterval(inter)
            },3000)

取消延迟函数，同样他也会有一个id，用一个变量去接收它

 

注意：

延迟函数放在一个事件队列里面，然后定了个时间即便他是0毫秒，接着去走其他的函数，只有其他函数执行完了，空闲时间才会去走这个延迟函数。