js线程阻塞导致页面无法重新绘制

项目中遇到一个问题,见代码及注释。求解答。

<!doctype HTML>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

</head>

<body>

    <div>0</div>

    <a href="#">按钮</a>

    <script>

        $(function () {

            function myFun() {

              //dosomething  

            }


            $("a").click(function () {

                $("div").text(1);//代码执行,但GUI线程还未处理,代码就执行下一行

                myFun();//很耗时的方法,执行了30s,整个页面阻塞

                $("div").text(100);

            });

        });

    </script>

</body>

</html>


HUWWW
浏览 477回答 1
1回答

隔江千里

将直接调用myFun改成异步调用。于此同时,你应该想想执行30S的方法,你确定不是哪里出了问题?
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript