js计时器相关

主要有两种相关的方法：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。暂时整理这么多，学到后面再补充。