我有這個時間表
<div class="timeline-wrapper">
<div class="timeline-item">
<div class="timeline-loaded" style="width: 100%"></div>
</div>
<div class="timeline-item">
<div class="timeline-loaded" style="width: 100%"></div>
</div>
<div class="timeline-item">
<div class="timeline-loaded" style="width: 83%"></div>
</div>
</div>
所以最后一個專案從 84、85 等上升，但是當我重置時間線時，我想要所有專案的樣式寬度：0%，但它有過渡影片，所以你看到它變為 0，但它需要立即變為 0，從 0 到 100% 平滑填充。
歡迎任何幫助！
uj5u.com熱心網友回復：
通過閱讀您的問題，我得到的是您需要一些進度條。你可以參考這個。 https://www.w3schools.com/howto/howto_js_progressbar.asp
var i = 0;
function move() {
if (i == 0) {
i = 1;
var elem = document.getElementById("myBar");
var width = 1;
var id = setInterval(frame, 10);
function frame() {
if (width >= 100) {
clearInterval(id);
i = 0;
} else {
width ;
elem.style.width = width "%";
}
}
}
}
基本上它會修改你的班級的寬度。如果您在這方面需要更多幫助，請使用 jsfiddle 或任何相同的方式詳細說明您的要求。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/438394.html
標籤：javascript css 动画 CSS动画
上一篇：水平文本滾動的平滑影片回圈