说一下关于定时器的问题

前言

好久没写文章了 , 今天来更新一下 , 讲一下这几天写项目遇到的问题 , 因公司是用原生和jq的原因 , 所以自己也在封装一个适合目前环境的一个轮播 , 但是呢 , 在写的时候就有那么一些奇奇怪怪的bug , 也是找了一段时间才找出来解决的办法 , 至于bug是啥呢 那就是定时器的问题了

---

轮播之 - 越划越快

为什么会越划越快呢 , 先看下代码 (轮播就不展示了,没什么技术含量)

    //添加动画效果
    function addtime() {
        deltime()
        data.time = setInterval(rightBtnHandler, date.ditems);
    }

    //清除动画
    function deltime(){
        clearInterval(data.time)
    }

问题 : 发现使用这个方法轮播是能动了 刚刚开始轮播没什么问题 , 慢慢的就开始作妖了(越来越快)

因此我打印了一下 data.time 发现它不是定时器 , 而是一个 number , 发现它是定时器的一个返回值

尝试把这个返回值重置不起作用 , 一阵寻求过后 , 发现在论坛里有那么一句话

每一次给time赋值都是在创建新的定时器对象，之前的定时器也并没有被清除，所以这时候调用clearInterval(time)只是清除了最后一个time

解决办法

这里我直接用了最为简单粗暴的 , 直接用一个for清除页面里面的全部定时器 [解决办法来源于]

    //动画效果
    function addsetint() {
	delsteint()
        data.time = setInterval(rightBtnHandler, date.ditems);
    }

    //取消动画
    function delsteint(){
        clearInterval(data.time)
        for(var i = 0; i<=data.time; i++){
            clearInterval(data.time)
        }
    }

最后

总算是有点东西写了 , 后面遇到bug在上面吐槽一下吧