我有以下内容：
- $('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');
- });
