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定時器
- JS 總結之 classJS
- js on繫結事件JS事件
- class 和 style 資料動態繫結
- 繫結class樣式和style樣式
- vue-class和style樣式繫結Vue
- JS-事件繫結JS事件
- 純生JS輪播,定時器新增和清除定時器JS定時器
- vue.js繫結事件監聽器(v-on)Vue.js事件
- 小程式與Vue對比·class與style繫結Vue
- vue class與style 繫結詳解——小白速會Vue
- JS雙向資料繫結JS
- JS中this的繫結規則JS
- 05-v-bind動態繫結class(物件語法)物件
- 定時器JS深入理解解讀定時器JS
- 原生js雙向資料繫結JS
- JS學習之Bom(window和定時器)JS定時器
- JS的事件繫結和事件流模型JS事件模型
- JS中this的4種繫結規則JS
- React.js繫結this的5種方法ReactJS
- Vue.js表單輸入繫結Vue.js
- JS學習之事件和事件繫結JS事件
- three.js事件繫結外掛--onEventJS事件
- 極簡 Node.js 入門 - 2.4 定時器Node.js定時器
- Tomcat伺服器域名繫結Tomcat伺服器
- 前端基礎之原生js事件繫結案例前端JS事件
- Laravel 中延時繫結的理解Laravel
- JS定時器和單執行緒非同步特性JS定時器執行緒非同步
- JS定時器,你所要了解的那點事JS定時器
- javaScript(js)手寫原生任務定時器原始碼JavaScriptJS定時器原始碼
- Laravel 結合 Redis 實現 PHP 定時器LaravelRedisPHP定時器
- js實現0ms延時定時器的幾種方式JS定時器
- vue 基礎入門筆記 03:v-model、Class 與 Style 繫結Vue筆記
- JS給全域性繫結事件以及給除某個元素外的其他元素繫結事件JS事件