setTimeout関数の読み込みとfirefox

質問

教えてください。
setTimeout関数を使って、5秒後に指定の文字が出てくるようにしたいと考えています。

下記がソースです。
てすと　という文字が5秒後に　本日の一押し情報　に変わるjavascriptです。

てすと
<script type="text/javascript">
<!--
setTimeout(function(){ document.write("本日の一押し情報\n") }, 5000);
// -->
</script>

テストしてみると、
「5秒経つと　てすと　という文字が　本日の一押し情報に変更されます」
ここまでは問題ありません。

しかし、ブラウザによって読み込み後の動きが異なることが分かりました。

IE、safari、googlecrome で見ると、ちゃんと読み完了となるのですが、
firefoxで読ませると、タブ左側の「読み込み中」マークが動きっぱなし
となり、完全に読みこんでいない状態が延々続きます。
setTimeout　の読み込み完了の宣言が必要なのかもしれませんが、
調べた限り、よくわかりません
どこが悪いのかご教授頂けますようお願い致します。

firefoxだけ変な動きをすることを下記でご確認ください。
http://www.perlabonairiano.com/framepage23600.html

回答No.1

noname#158634 · ベストアンサー

＞firefoxだけ変な動きをすることを下記でご確認ください。
いや、回答者にわざわざFirefox入れろとか駄目でしょ。

えーとですね…まずちゃんとしたHTMLを書いて試してからにしてくれませんか？
そんないい加減なソースでは、どんな動作になっても誰にも文句は言えません。

補足

厳しいご指摘ありがとうございます。
下記で自己解決致しました。
気づきを与えて頂きましてありがとうございました。

てすと
<script type="text/javascript">
<!--
setTimeout('mes()',3000)
function mes()
{
document.open();
document.write("本日の一押し情報\n");
document.close();
}
// -->
</script>