您的位置 首页 > 德语词汇

setout是什么意思、读音 关于setTimeout与setInterval的使用与区别

各位老铁们好,相信很多人对setout是什么意思、读音都不是特别的了解,因此呢,今天就来为大家分享下关于setout是什么意思、读音以及关于setTimeout与setInterval的使用与区别的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!

setout是什么意思、读音 关于setTimeout与setInterval的使用与区别

window.setTimeout与window.setInterval

概念:window.setTimeout()是一个定时器,该定时器在定时器到期后执行一个函数或指定的一段代码。返回一个timerID。window.setInterval()是一个间断执行的定时器,可以叫间隔器,是重复调用一个函数或执行一个代码段,在每次调用之间具有固定的时间延迟。返回一个intervalID。通过clearTimeout与clearInterval可以分别清除定时器和间隔器,从而停止执行。

延时时间/交互时间是以豪秒为单位的(1000ms=1s)

setTimeout()方法是在等待指定时间后执行函数内容,且只执行一次传入的表达式。

setInterval()方法是每指定间隔时间后执行一次传入的表达式,循环执行直至关闭窗口或clearInterval()。

setTimeout用于延迟执行:

若在控制台输出,也就是异步调用时会获得2

setInterval用于间隔执行:

varinterval1=setInterval(()=>x++,1000);

若异步调用时,每个1秒会发现x增1

下面是一些例子,如果能你能理解其中的意思,那么就可以说会用了。

lettimerId=setTimeout(function(){

2.延迟执行

3.串行改并行执行

//当数据操作步骤太复杂,步数太多时,可以让一些操作异步来执行,这样浏览器不至于阻塞于此而卡死,可以把同步变异步延迟下计算,这样可以解决复杂运算问题。也可以利用Promise来实现类似功能

4.移开浮层关闭

ele.addEventListener('click',function(){

//这是延迟执行与DOM结合的例子,不想让事件执行后马上得到结果,而是延迟一段时间之后执行。

varinterval2=setInterval(function(){

if(ele.style.left<screen.width){

ele.style.left=ele.style.left+10+'px';

}else{clearInterval(interval2);}

//JS做动画就离不开定时器和间隔执行器。相比来讲,动画用间隔较好,但是要记住满足条件后清除掉间隔器。

//这里只是示例用法,真实动画需要自己微调

5.测验题,结合作用域,看下你能回答正确并能说出结果以及顺序的原因来吗?

如果你都能回答正确,那么setTimeout与setInterval用法就全掌握了哦。

好了,文章到此结束,希望可以帮助到大家。

本站涵盖的内容、图片、视频等数据,部分未能与原作者取得联系。若涉及版权问题,请及时通知我们并提供相关证明材料,我们将及时予以删除!谢谢大家的理解与支持!

Copyright © 2023