关于轮播图JS如何调用储存变量里的定时器

Question

起因最近要实现一个全屏轮播图的功能,然后查询很多资料,也参考了很多的网站的代码,然后发现大多都是混淆过了的代码..看不太懂.然后自己造了个原生简陋的轮播图..由于js基础不扎实肯定有很多问题,希望dalao们能指出我错误原理是把slider当画布,可以通过数组来控制切换背景和段落文字,设置定时器循环,每次循环数组i++起轮播的作用,控制器点击后" i++" 或者 "i--" 控制上下页.点击的时候我想清除点定时器,然后执行自加一翻页的效果,再添加回定时器.那么问题来了我将定时器是储存到了一个变量中,那我该如何的再次调用他?也可以放进一个函数里再调用 但感觉会不会不太好..?

Answer 1

像这种我觉得setTimeout比setInterval更好控制：

var timer;

function loop(){

    timer = setTimeout(function() {

        _bg(iNow);

          // 定时器每调动一次,自加一实现切换效果

          i++;

          if (i == imgadr.length)

          i = 0;

          loop();

    }, 3500)

}

//清理的话只要clearTimeout(timer)就行了，然后重新调用loop