js 定時器 繫結class

火雲邪神發表於2018-08-04
 var box = document.getElementById('box').getElementsByTagName('a');
        for (var i = 0; i < box.length; i++) {
            box[i].onclick = function () {
                boxCom();
                this.className = 'active';
            }
        }
        function boxCom () {
            for (var i = 0; i < box.length; i++) {
                    box[i].className = '';
                }
        }

       var index = 0;
       var timer = 0;
       setInterval(func,1000);
       function func () {
           index++;
           if (index > 7) {
               index = 0;
           }
           boxCom();//迴圈取消class
           box[index].className = 'active'  //依次在上面迴圈取消class的元素後面 的  元素  加class
        //    index的值在box[i]之前
       }
複製程式碼

相關文章