轮播图设置不同速度

1
// k为圆点节点数量，下同,pn和k类似，都是从1开始，tmpP代表即将跳转到的节点位置，从0开始。
2
ab2 = function(a){
3
  H = setInterval(function() {
4
    tmpP = p;
5
    w ? tmpP-- : tmpP++;
6
    // 即将跳转的节点位置是否在新自动运行间隔的节点数之后
7
    // tmpP<pn 意味着当前节点还在preNum范围内。
8
    // tmpP=pn 意味着当前节点是preNum中最后一个节点。
9
    if(tmpP<=pn) {
10
      // 清除正在运行的定时间隔
11
      clearInterval(H);
12
      // 执行新定时间隔
13
      pnb();
14
    } else {
15
     // 执行原本定时间隔
16
      p = tmpP,
17
      _();
18
      // tmpP==k 意味着新的循环即将开始，定时任务需要重置为新的定时间隔
19
      // 若不清除，新循环开始时会先执行ab2再执行pnb，实际运行间隔将成为这两个的定时间隔之和
20
      if(tmpP==k) {
21
        clearInterval(H);
22
        pnb();
23
      }
24
    }
25
  }, a ? a : r)
26
}

1
pnb = function(a) {
2
  H = setInterval(function() {
3
    tmpP = p;
4
    w ? tmpP-- : tmpP++;
5
    // 即将跳转的节点位置是否在新自动运行间隔的节点数之后
6
    if(tmpP<=pn) {
7
      // 执行新定时间隔
8
      p = tmpP,
9
       _();
10
      // 当前新间隔的节点数小于实际圆点数，且当前节点是preNum中最后一个节点，说明到了中间的过渡节点
11
      // 若不清除，下一个节点会先执行pnb再执行ab2，实际运行间隔将成为这两个的定时间隔之和
12
      if(pn<k&&tmpP==pn) {
13
        clearInterval(H);
14
        ab2();
15
      }
16
    } else {
17
      // 清除正在运行的定时间隔
18
      clearInterval(H);
19
      // 执行原本定时间隔
20
      ab2();
21
    }
22
  }, a ? a : pI)
23
}

1
var ab = function(a) {
2
  // pn>0  存在新运行间隔的节点数
3
  if(pn>0) {
4
    // 根据当前节点位置选择执行函数
5
    if(p<pn) {
6
      clearInterval(H);
7
      pnb();
8
    } else {
9
      clearInterval(H);
10
      ab2();
11
    }
12
  } else {
13
    // 不存在新运行间隔的节点数设置，按原本速度的逻辑执行
14
    H = setInterval(function() {
15
      w ? p-- : p++, _()
16
      console.log("ab H w p: 2",w,p);
17
    }, a ? a : r)
18
  }
19
}

1
$(function() {
2
    focusBoxEv.init();
3
});
4
var focusBoxEv = {
5
  // ...
6
  init: function() {
7
    // ...
8
    $(".focusBox").slide({
9
      // ...
10
      delayTime: 300,
11
      interTime: 3000,
12
      preNum: 3,
13
      preInterTime:600,
14
      // ...
15
    });
16

17
  }
18
};