Подскажите пожалуйста как сделать динамический вывод содержания страницы. У меня есть страница, в ней div и этот div я меняю в скрипте, но результат изменения виден только после того как скрипт отработал. А мне нужно чтобы результат показывался в процессе работы скрипта.
Файл index.html:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/sc-1.js"></script>
<link rel="stylesheet" type="text/css" href="bot.css">
</head>
<body>
<button onclick="swdiv();">test for</button>
<div id="scriptresult">
Ready to work!
</div>
</body>
</html>
Файл sc-1.js
function wait(msecs)
{
var start = new Date().getTime();
var cur = start
while(cur - start < msecs)
{
cur = new Date().getTime();
}
}
function swdiv()
{
$("div#scriptresult").html("loading .");
wait(1000);
$("div#scriptresult").html("loading ..");
wait(1000);
$("div#scriptresult").html("loading ...");
}
После нажатия на кнопку, показывается только третье сообщение, без первых двух.