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]之前
}
複製程式碼
js 定時器 繫結class
相關文章
- vue.js繫結classVue.js
- Random 專案總結 -12 定義定時器,繫結事件random定時器事件
- Vue Class與Style繫結Vue
- vue Class 與 Style 繫結Vue
- js定時器JS定時器
- class 和 style 資料動態繫結
- vue-class和style樣式繫結Vue
- JS 總結之 classJS
- JS字串與定時器JS字串定時器
- js on繫結事件JS事件
- 純生JS輪播,定時器新增和清除定時器JS定時器
- JSX繫結事件JS事件
- JS-事件繫結JS事件
- vue.js繫結事件監聽器(v-on)Vue.js事件
- 小程式與Vue對比·class與style繫結Vue
- vue class與style 繫結詳解——小白速會Vue
- js相容所有瀏覽器的事件繫結程式碼JS瀏覽器事件
- 05-v-bind動態繫結class(物件語法)物件
- JS中this的繫結規則JS
- JS雙向資料繫結JS
- 給定json資料,將資料與頁面結構進行繫結JSON
- JS學習之Bom(window和定時器)JS定時器
- 原生js雙向資料繫結JS
- Vue.js資料繫結原理Vue.js
- [JS] 資料雙向繫結原理JS
- angularjs中的資料繫結AngularJS
- 在jboss啟動時載入class方法(定時操作) (轉)
- Laravel 結合 Redis 實現 PHP 定時器LaravelRedisPHP定時器
- 自定義定時器的一點總結定時器
- 定時器定時器
- Laravel 中延時繫結的理解Laravel
- 極簡 Node.js 入門 - 2.4 定時器Node.js定時器
- 定時器以及定時器的幾個案例定時器
- JS中this的4種繫結規則JS
- JS的事件繫結和事件流模型JS事件模型
- three.js事件繫結外掛--onEventJS事件
- JS學習之事件和事件繫結JS事件
- Vue.js表單輸入繫結Vue.js