setTimeout（）和setInterval（）的用法及区别

setInterval 方法表示每间隔一段时间执行一次函数，会一直执行下去，除非手动 clearInterval 来停止。

 var i = 10;

         var timer = setInterval(() => {

             console.log(i--) //每次减1

             if(i === 0) {

                 clearInterval(timer); //取消

             }

         }, 1000);

setTimeout 表示在延迟多长时间后执行函数，只会执行一次。像个延时器。

 setTimeout(() => {

            alert('hhh')

         }, 5000);

setInterval 方法适合做循环显示效果，比如倒计时功能，setTimeout适合做css动画延迟渐变效果

有的人喜欢将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果

巴特西

setTimeout（）和setInterval（）的用法及区别

最新文章

热门文章