主要有两种相关的方法:setTimeout和setInterval
其实也并不是计时器,它们只是函数或方法执行的控制函数罢了。
比如第一个:setTimeout()就是翻译,设定时间跳出。语法为:setTimeout(expression,milliseconds),代表经过多少毫秒执行expression(一般为JS代码)。
需要注意的是,expression的几种写法,如下:
如果函数需要参数,那么需要加上引号,如果不需要参数可以不写引号,但不能有括号。
而且既然expression为JS语句,当需要执行某个函数,那么可以直接在这儿写需要执行的函数。比如:
然后第二个setInterval,就是翻译,设定间隔。语法为:setInterval(expression,milliseconds),代表执行expression且间隔为多少毫秒。expression需要注意的写法同上。
至于为什么叫计时器,应该是经常用他们作为定时计时的功能了。
比如:setInterval("alert("hwj")","5000")表示每过5s显示一次弹窗。
和这个的效果是一样的
如果想跳出循环,分别使用clearInterval和clearTimeout。
上面小结:setTimeout是先延迟后执行,只执行一次。
setInterval是循环执行。
以下引自https://blog.csdn.net/sun_DongLiang/article/details/82696522,其中的setInterval() 辉煌下隐藏的破败部分。
上面的代码是每隔1s运行一次50w次的循环,但输出发现,每次的时间间隔分别为7,9,9,12,13,说明程序执行的时候并没有按照设定的时间间隔来运行。所以,如果单次循环耗时比设定时间短,那么没问题,执行完后再等会执行就好;如果单次循环耗时较长,那么会等这次执行完后再执行下一次,此时的时间设定就没用了!!!
重点原理:
JavaScript是运行在单线程的环境中的,所以这就意味着定时器就成了要执行的计划!而不是必须要执行的铁律! 为啥呢? 当函数开始执行时在栈中创建出来一个栈帧,这个栈帧的执行是需要时间的,假设有3秒,在这三秒内,JavaScript的单线程特点就会确保在这3秒内全力的专一的去解决掉这个栈帧(函数)。所以在这个函数运行的时候定时器是没有能力终止他的运行的,因此当函数的运行时间大于间隔时间时,间隔时间1秒到了,但是程序还有2秒没有执行完,那你也给我老老实实的等着函数执行完!!!!
所以当单次循环时间很长或者无法确定每次循环执行消耗的时间时,应避免使用setInterval,而使用setTimeout。暂时整理这么多,学到后面再补充。