我试图在
javascript中调用耗时的函数之前向用户加载“加载”消息.
HTML:
Foo
使用Javascript:
var foo = document.getElementById('foo');
function tellViewerLoading() {
// Tell the user that loading is occuring.
foo.innerHTML = 'loading...';
}
function someActionThatTakesALongTime() {
// Do some action that takes a long time.
var i = 0;
while(i < 100000) {i++; console.log(i);};
}
function domUpdateDelayExperiment() {
tellViewerLoading();
someActionThatTakesALongTime();
}
domUpdateDelayExperiment();
我想要发生的是在调用tellViewerLoading()之后立即更新DOM.
相反,发生的事情是DOM似乎在someActionThatTakesALongTime()完成运行后更新.此时,显示加载消息是没用的.
如何在调用tellViewerLoading()后告诉javascript立即更新DOM?