html dom 刷新,如何告诉javascript立即更新DOM？

我试图在

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？