关于一段js中出现多次使用setInterval的有关问题

关于一段js中出现多次使用setInterval的问题

有这样一个需求:

有一组数据需要展示,一共多少不限。5秒钟显示一组,整个数据显示完全后从头开始显示,即轮循。鼠标放上去后停止切换,鼠标移开后接着切换。

我用的方法是:

所有数据一次全部取出来,然后进行js分组。使用js的setInterval。这个问题一定要切记使用,非第一次使用一定要:window.clearInterval(xunhuan);处理不好的话,尤其是多次使用,不然会造成时间的累积,最后混乱。

特贴出下面一段代码:

$(".eliteRecommend").die().bind("mouseover",function() {
          //console.log("clear interval");
          clearInterval(xunhuan);
}).mouseout(function() {
          window.clearInterval(xunhuan);
          xunhuan = window.setInterval(function() {
           //console.log("interval-line-122 " + new Date());
           if(j < data.memberCFormArr.length) {
              j += num;
              k += 1;
             }
             if(j == data.memberCFormArr.length) {
           if(j % num != 0) {
               k=0;
               j=num;
               //adduserIds(userIdArr);
              }
              t++;
              if(t>1) {
               k=0;
               j=num;
               t=0;
               //adduserIds(userIdArr);
              }
             }
             if(j > data.memberCFormArr.length) {
              j = data.memberCFormArr.length;
             }
             
             showucresumes(j, data, currentpage, k);
          }, 5000);
});