javascriptで処理している間画像を表示したい。
JavaScriptで処理をしている間、画像を表示したいのですが、
上手く表示されません。
以下、HTMLファイル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="sample_csv.js"></script>
</head>
<body>
<form name="form1">
<input type="button" value="取込" onclick="testWait()"/>
</form>
<p id="test"></p>
</body>
</html>
以下JSファイル
function testWait()
{
var imgWait = document.createElement('img');
imgWait.setAttribute("src","data/waiting.gif");
document.getElementById("test").appendChild(imgWait);
//alert("test");
sleep_busy(5000);
document.getElementById("test").innerHTML = "";
}
function sleep_busy(wait) {
var start = (new Date()).getTime();
while (true) {
if ((new Date()).getTime() >= start + wait * 1) break;
}
}
jsファイルのコメントしてあるアラート文を有効にすると
きちんと表示されます。
どうしてalert文を有効にした場合と、コメントにした場合で
結果が違ってきてしまうのでしょうか。
上手く表示する、良い方法ありますでしょうか。
宜しくお願いします。
お礼
回答ありがとうございました。 大変参考になりました。ありがとうございました。