jquery – 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方法.

解决方法

这是正在发生的事情：

处理页面的浏览器实例是单线程的. 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');
});