TA貢獻1802條經驗 獲得超6個贊
你可以用這樣的方法來做到這一點：
var animationContainer = document.querySelector('#animation');
var animationThing = 0;
setInterval(function() {
switch (animationThing) {
case 0:
animationContainer.innerHTML = '?';
animationThing++;
break;
case 1:
animationContainer.innerHTML = '?';
animationThing++;
break;
case 2:
animationContainer.innerHTML = '?';
animationThing++;
break;
case 3:
animationContainer.innerHTML = '?';
animationThing = 0;
break;
}
}, 200);
<span id="animation"></span>
TA貢獻1799條經驗 獲得超9個贊
有多種方法可以設置元素的內容。setTimeout這只是使用或 來setInterval在暫停后繼續更改內容的情況。
例如：
const chars = ['?','?', '?', '?'];
const el = document.getElementById('spinner');
let index = 0;
function changeChar() {
el.innerText = chars[index];
index = (index + 1) % chars.length;
setTimeout(changeChar, 200);
}
changeChar()
<div id="spinner" />
舉報