javascript - 在脚本运行时保持 UI 更新

标签 javascript html css google-maps-api-3

我正在通过 Google 的 map API v3 使用谷歌地图。我需要为每个菜单项添加一个叠加层。每次单击该元素时,都会加载一个新的覆盖图/热图。这可行,但加载标记/热图点会卡住 UI。

有没有办法像在后台线程中更新一样防止这种情况发生?我知道 JavaScript 并不真正支持线程,但您知道一些技巧吗?

最佳答案

您可以尝试研究 WebWorkers。

或者您可以将您的工作分成单独的 block ,并在下一个 block 之后使用超时为 0 的 setTimeout 调用每个 block 。

setTimeout( function() { executeNextChunk(); }, 0 )

这让浏览器有时间在两次调用之间做其他事情。

关于javascript - 在脚本运行时保持 UI 更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18773652/

相关文章:

html - 非 float 元素的 margin 问题

html - 破解 : Modifying :before in inline css

html - 如何在同一页面将表格更改为不同的样式

html - 为什么我的表单上的按钮忽略了字体大小属性?

javascript - 我想在输入框、表格或使用node.js的div中的.html文件中显示存储在mysql数据库中的数据

javascript - 在onError事件中捕获javascript异常(webkit语音识别)

javascript - Chrome : How to solve "Maximum call stack size exceeded" errors on Math. max.apply(数学,数组)

html - 表格单元格对齐

angularjs - AngularJS 的 CSS3 动画在 Firefox 中无法正确滑动

javascript - 让 Backbone 记录错误