function simulateComplexOperation(sleepDuration) {
var now = new Date().getTime();
while (new Date().getTime() < now + sleepDuration) { /* do nothing */ }
}
function testFunction() {
document.getElementById('panel1').style.display = 'none';
console.log('before');
simulateComplexOperation(2000);
console.log('after');
}
<div id='panel1'>
text to hidden
</div>
<button onclick="testFunction()">Hide</button>
(jsFiddle)
以下是时间轴:
- 打印“before”
- 等待2秒
- 打印“after”
- 隐藏ID为'panel1'的元素
为什么不是这样的:
- 隐藏ID为'panel1'的元素
- 打印“before”
- 等待2秒
- 打印“after”
有没有办法强制使样式更改操作成为第一个?