Как мне сказать JavaScript, чтобы немедленно обновить DOM?
Я пытаюсь загрузить "loading" сообщение пользователю до вызова функции, требующей много времени, в javascript.
HTML:
<p id='foo'>Foo</p>
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();
JSFiddle:http://jsfiddle.net/johnhoffman/xDRVF/
Я хочу, чтобы DOM обновлялся сразу послеtellViewerLoading()
называется.
Вместо этого получается, что DOM обновляется послеsomeActionThatTakesALongTime()
заканчивает работу В этот момент бесполезно отображать сообщение о загрузке.
Как мне сказать JavaScript, чтобы немедленно обновить DOM послеtellViewerLoading()
называется?