猿问

js定义了一个周期函数setInterval,怎么样能暂停五分钟后,再重启这个周期函数

最近在做一个小功能,五张图片在一个椭圆轨道上做轨迹运动,当图片运动到最低点时,下面的内容切换到对应的内容,并且暂停五分钟

现在就是想怎么样当图片运动到最低点时,暂停五分钟,五分钟后再重启这个setInterval方法?

代码放在codpen上了 完整的代码

我想到的是暂停周期函数的时候,记下时间oldDate,然后另外设置一个定时器,存储时间
newDate,当两者差为五分钟时,重启周期函数,发现并没有达到预期效果。

请问你们有没有什么解决办法,能暂停五分钟后,再重启这个定时器?

效果如下

https://img2.mukewang.com/5bb03d7900017ce910570582.jpg

https://img.mukewang.com/5bb03d88000102ea11030556.jpg

12345678_0001
浏览 1818回答 1
1回答

白猪掌柜的

创建个周期为1秒的时钟,设置个全局变量times用来记住已经过去时间,每周期判断times%5*60==0则触发,否则不做处理。嗯。思路差不多这样。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答