js中的setTimeout和setInterval

时间:2022-08-19 08:40:03

在html页面中要使用自动刷新功能时,可以是使用js中setTimeout和setInterval:

一、使用方法

  setTimeout的使用setTimeout('要调用的Js方法', 调用的延迟时间);

  setInterval的使用setInterval('要调用的Js方法', 调用的延迟时间);

两者的使用方法相同。

二、区别

  setTimeout调用的方法只会在调用延迟时间之后执行一次,不会重复执行;

  setInterval调用的方法会在间隔调用延迟之后重复执行,即每间隔延迟的时间就会执行一次调用的方法;

简单来说就是setTimeout只在指定的间隔时间后执行一次调用的方法;setInterval按指定的间隔时间重复调用指定的方法。

三、获取不到页面元素

  在页面中使用setTimeout和setInterval时,出现获取不到对象的情况时,要看看方法中设置的时间间隔是不是太短了,如果时间太短可能导致取不到元素,出现此类情况时,试试增大间隔(延长)时间,或者在页面完全加载以后在调用这两个函数,我碰到的情况就是间隔时间太短,改大以后就好了,至于多少合适要看页面加载的情况若非必要,建议在页面完全加载后再调用这两个函数,以免不能正常执行,因为js一旦遇到错误就不会再执行。所以建议完全加载以后再使用这两个函数。