JS中进度条的实现

最新推荐文章于 2024-08-18 10:51:50 发布

可口可乐了吗

最新推荐文章于 2024-08-18 10:51:50 发布

阅读量778

点赞数

分类专栏： JavaScript 文章标签： webpack 前端 javascript

本文链接：https://blog.csdn.net/weixin_51042892/article/details/123342639

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

根据任务轮询原理

每执行一次setTimeout，就把该任务放入宏任务队列中，当主线程任务为空时，再依次从宏任务中调出settimeout执行

 function handle(){
            let i=0;
            (function run(){
                zy.innerHTML=i+"%";
                zy.style.width=i+"%";
                if(++i<=100){
                    setTimeout(run,100)
                }
            })()
        }
        handle()