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

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的方法，你确定不是哪里出了问题？

0

0

随时随地看视频慕课网APP

相关分类

JavaScript