JavaScript中的DoEvents

我有以下内容：

$('body, a').addClass('cursor-wait'); for (var I=0, L = myArray.length; I < L; I++) { // tight loop here } $('body, a').removeClass('cursor-wait'); 

但我不确定光标：等待图标是否立即显示。

问：有没有办法在JavaScript中说出“DoEvents”，这样我就知道DOM在进入循环之前正在更新？

也许使用setTimeout方法。

Answer 1

这是正在发生的事情：

处理页面的浏览器实例是单线程的。 DOM的更改立即发生。 但是，当您的脚本正在运行时，浏览器将被阻止，并且无法运行其布局管理器，该布局管理器根据已更改的CSS类更新页面。 你是正确的，setTimeout是将控制权交给布局管理器并在屏幕上查看更改的最佳方法。 您甚至不需要设置延迟，调用setTimeout的简单操作允许布局管理器有机会重绘页面。

 $('body, a').addClass('cursor-wait'); setTimeout(function () { for (var I=0, L = myArray.length; I < L; I++) { // tight loop here } $('body, a').removeClass('cursor-wait'); }); 

Answer 2

不需要，addClass直接更改DOM，所以当你的for循环运行cursor-wait时已经添加了。

为什么要向body标签和所有标签添加cursor-wait？

Answer 3

我找到了另一种解决方案：DOM更新足以使用window.scrollBy(0, 1);滚动页面1个像素window.scrollBy(0, 1);