当前位置：文江博客话题详情

在繁忙的 JavaScript 代码期间页面未更新

发布于 2024-08-02 07:40:50 字数 262 浏览 10 评论 0原文

我有一个很长的 JavaScript 脚本。问题是在中间我想改变一个div的innerHtml来表示“快完成了，请稍候”。我认为问题是我调用了 jquery 函数。在函数的成功回调中，我调用另一个函数，这是我尝试更新页面的地方。

如果我使用 firebug 设置断点并单步执行代码，页面就会更新并且我会看到 div 的消息。但如果我只是让代码运行，我就看不到该消息。如果我在更新 div 之前和之后设置一个警报框，我也会看到它。

有人见过这样的事情吗？

谢谢你！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

煞人兵器 2024-08-09 07:40:50

通常，当 JS 代码运行时，所有其他渲染都会停止，就像您所看到的那样。您可以尝试使用 setTimeout 函数来允许在页面上进行渲染，如下所示：

doStuff();
$('#myDiv').html('Almost done, please wait');
setTimeout(doMoreStuff, 50);

请注意，doMoreStuff 是另一个函数，它将执行处理的最后部分。

如果你的代码可以这样分割，它将允许浏览器进入一些渲染周期。您可能想要尝试延迟（上面的 50）来找到适合您的数字，但如果您只想设置 div 的内容，那么 50 应该没问题（甚至可能 0 也可以）。

另外，我不记得设置 innerHTML 的 jQuery 语法，但我认为这一点很容易理解:)

Typically when JS code is being run all other rendering is halted, just like what you're seeing. You can try to use the setTimeout function to allow rendering to occur on your page like so:

doStuff();
$('#myDiv').html('Almost done, please wait');
setTimeout(doMoreStuff, 50);

Note that doMoreStuff is another function that will do the last part of your processing.

If your code can be split up this way it will allow the browser to get in some render cycles. You might want to experiment with the delay (50 above) to find a number that works for you, but if all you want to do is set the content of a div then 50 should be ok (possibly even 0 will work).

Also, I can't remember the jQuery syntax for setting innerHTML but I think the point gets across :)

回复收藏 0 原文

~没有更多了~