TOGOUTECH

clearinterval

全部标签

javascript - 如何正确使用 setInterval 和 clearInterval 在两个不同的函数之间切换?

为了练习,我尝试显示一个从0-9递增,然后从9-0递减,并无限重复的数字。我到目前为止的代码似乎很接近,但是在第二次迭代时,我的两个函数countUp和countDown的setInterval调用似乎相互冲突,因为显示的数字是未按预期顺序计数...然后浏览器崩溃。这是我的代码:<!DOCTYPEhtml><html><head><title>AlgorithmTest</title></head><bodyonload="onloadFunctions();"><scriptty

javascript - 测试使用 setInterval 或 setTimeout 的 Angular2 组件

我有一个相当典型、简单的ng2组件,它调用一个服务来获取一些数据(轮播项目)。它还使用setInterval每隔n秒自动切换UI中的轮播幻灯片。它工作得很好,但在运行Jasmine测试时我收到错误:“无法在异步测试区内使用setInterval”。我尝试在this.zone.runOutsideAngular(()=>{...})中包装setInterval调用,但错误仍然存​​在。我原以为将测试更改为在fakeAsync区域中运行可以解决问题,但随后我收到一条错误消息,指出不允许从fakeAsync测试区域中进行XHR调用(这确实有意义)。如何同时使用服务发出的XHR调用和时间间隔,

javascript - jQuery - 如何在用 clearInterval 终止 setInterval 后重新启动它?

我想创建一个包含2个按钮的页面,“留下”和“离开”。按钮下方有一个iFrame。当页面第一次加载时,iFrame会在10秒后自动开始刷新。当用户点击STAY按钮时,它将停止刷新。之后,如果他点击“离开”按钮,iFrame将在10秒后再次开始刷新。我正在使用这段代码:$(document).ready(function(){varrefreshIntervalId=setInterval("update()",10000);$('#leave').click(function(){varrefreshIntervalId=setInterval("

javascript - clearinterval 在 ngOnDestroy() 内部不起作用

我的ngOndestroy正在调用其他路由导航,但它没有在方法内部执行clearInterval。我哪里做错了?当我在其他组件中时,它在后台运行。timer:any;ngOnInit(){this.timer=this.interval();};ngOnDestroy(){clearInterval(this.timer);console.log("InsideDestroy");}interval(){setInterval(()=>{this.getData();},20000)}getData(){this.dataservice.getdata().sub

javascript - 如何在 Angular 4 中使用 clearInterval()

我正在尝试在我的Angular4应用程序中使用setInterval。constinter=setInterval(()=>{//logicresultinginexitConditionif(exitCondition){clearInterval(inter);}},1000);此设置在vanillajavascript中运行良好,但clearInterval()似乎在Angular中不起作用。在做一些研究后,我发现了Angular1.x的间隔服务:https://docs.angularjs.org/api/ng/service/$间隔Angular4有类似的东西吗?或者是

javascript - setTimeout 似乎执行得太快

我一直在摆弄setTimeout和setInterval,但我无法让代码按照我希望的方式执行。我的目标是创建一个setInterval,每三秒调用一次,十秒后清除。然而,当我在firebug中运行代码时,我唯一得到的是一个数字,我假设它是setInterval的ID,因为每次我执行代码时,数字都会增加。varintID=setInterval(function(){console.log("I'vebeencalled");},3000);setTimeout(clearInterval(intID),10000); 最佳答案

javascript - 带毫秒的 JQuery 倒数计时器

我有一个非常基本的轻量级功能,从30秒开始倒计时。我一直在尝试为其添加毫秒数,但似乎无法使其正常工作。varcount=30;varcounter=setInterval(timer,1000);//1000willrunitevery1secondfunctiontimer(){if(count<=0){clearInterval(counter);return;}count=count-1;document.getElementById("timer").innerHTML=count+"secs";//watchforspelling}

javascript - 重新启动 setInterval

所以我有一个计时器,每5秒旋转一组图像。因此,我在文档启动时运行它。$(document).ready(function(){varintervalID=setInterval(function(){rotate();},5000);});旋转功能只是简单地旋转图像。但是,我也允许用户手动选择他们正在查看的图像。因此,我需要取消SetInterval,然后在5秒后重新开始我想做的是取消间隔然后重新开始$('a').click(function(){clearInterval(intervalID);intervalID=setInterval(function(){ro

javascript - 在 Javascript/jQuery 中重新启动 setInterval()(没有 clearInterval)

我正在研究使用jQuery构建的ui选项卡。除一个问题外,一切正常——我做了一个setInterval,它运行一个执行触发器(“点击”)的函数,以便它在5000毫秒后转到下一个选项卡。它很好地运行每个选项卡,问题是如果用户手动单击选项卡,setInterval的计时器不会从0重新开始。例如,如果用户在0毫秒开始在tab1上并在tab2上单击2000毫秒,setInterval不会返回到0,它会从2000开始运行到5000毫秒,然后转到tab3。我明白为什么会这样,我只是想知道是否有一种方法可以重新启动setInterval计时,而不必执行clearInterval()并创建一个全新的s

javascript - 在 setInterval() 之前调用 clearInterval() 可以吗?

我有一段代码:if(someCondition){//clearglobTimerfirst??globTimer=setInterval(function(){someBlinkingCode;},1000);}else{clearInterval(globTimer);}但这部分代码可以多次调用,其中someCondition将为真。这意味着将创建多个间隔,而不是所有间隔都将被销毁。一段时间后,闪烁频率超过1秒,因此我添加了clearInterval(globTimer);而不是注释。此更改解决了我的问题,但此解决方案可以吗?是否可以为同一个变量多次调用clearInterval(
12