javascript setInterval()函數

Question

用setInterval()函式動態為li加入css

<ul>
    <li> 1 </li>
    <li> 2 </li>
    <li> 3 </li>
    <li> 4 </li>
  </ul>

var i = -1;
setInterval(function(){
  i++;.
  console.log(i);
  (i > 3) ? i = -1 : changeClass(i);

}, 1000);

function changeClass(j) {
  $('li').eq(j).addClass('cur').siblings().removeClass('cur');
}

發現i的變化是0->1->2->3->4->0->1->2->3->4這樣，也就意味著下標為3的li添加css 後， 中間會間隔1s， 才會繼續動態切換， 因為沒有下標為4的li， 這是什麼情況造成的

Answer 1

因為 (i > 3) ? i = -1 : changeClass(i); 三元運算，

當i=4的時候 (i > 3) ? 意思是 4大於3嗎？ ，4一定大於3就執行i = -1，

就不會執行changeClass(i)這個函數，所以沒有下標為4的li

Answer 2

雷雷

Answer 3

0 - 3就已經4個了， 你寫的(i > 3)才會變成-1， 也就是說要運行五次才會變成-1；
如果你想運行4次就變成- 1應該改成(i >= 3)

Answer 4

雷雷

？

Answer 5

第四個永遠掛不上 所以建議把i>3 改為i>4或i>=3