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

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

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

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

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

        //运动函数
        var fun_animat = function(){
          //do something
          //如果图片的top值是最大值切换下面的内容
         if(parseInt(wpers) === 1) {
          $(".content-box .content").each(function(index1) {
            $(this).css('display','none')
            $(".content-box .content").eq(index).css('display','block')
          });
         }
         //最低点时暂停轨迹运动
         if(wpers === 1.05) {
           clearInterval(setAnimate);
           oldDate = new Date().getTime();
           console.log(oldDate);
         }
       };

        //定时调用运动函数
        var setAnimate = setInterval(fun_animat,200);
       //通过设置newDate oldDate，当他们的时间差是五分钟，重启setInterval函数（发现没有达到预期效果）
        function fun_date() {
            newDate = new Date().getTime();
            console.log('newDate:'+ newDate);
            if(newDate - oldDate === 30000) {
                setAnimate = setInterval(fun_animat,200);

            }
        }
        var setReset = setInterval(fun_date,200);

效果如下