进度条的实现

最新推荐文章于 2024-07-19 15:32:49 发布

原创最新推荐文章于 2024-07-19 15:32:49 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

第一种

Title

    </div>
</div>
<br>
<button onclick="eat()">点击</button>
<script>

// console.log(document.getElementById(“btn”));
function eat() {

        var _width= document.getElementsByClassName("main1")[0];
        var width = 0;

        var id = setInterval(foot, 100);

        function foot() {
            if (width == 500) {
                clearInterval(id);
            }
            else {
                width +=5;
               _width.style.width = width +"px";
            }
        }
    }
</script>

第二种

进度