Perl JavaScript Ajax リアルタイムチャット

教えてください！！！
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></s …
<script>
var reload = function() {
\$.ajax({
url: 'chat.cgi?id=$id',
dataType: 'text',
success: function(data) {
\$('#text').html(data);
},
error: function(data) {
//alert('error');
}
});
}
setTimeout(reload, 100);
setInterval(reload, 5000);
</script>

このソースで
入った時は、即処理するよう0.1秒
その後は、5秒おきに

<div id="text"></div>

この要素の中に、chat.cgiの中身が入るようにしております
※１アラートはコメントアウトしました
※２「\$」はcgi内の記述のせいです

質問１
書き込むまでは、画面がトップに戻ったりすることなく
画面は動くことなく、更新されていくのですが、
書込をした後、locationでそのページに戻るときは、トップでも
いいのですが、その後5秒おきに更新の際、トップへ戻ってしまうときがあります。

これの原因がわかりません・・・なぜでしょうか？

また上のことを踏まえた上で
質問２
setTimeout(reload, 100);
setInterval(reload, 5000);
この部分をn秒おきではなく、
chatのログが保存された日付で更新といったことは、できますでしょうか？
できるようなら、やり方を教えてほしいです(●´ω｀●)

質問者からの補足コメント

• 質問１の画面の動く際なのですが、
  共通点として、画像があるときによく動きます

    補足日時：2017/11/09 13:32

No.1 ベストアンサー 回答者： sainte 回答日時： 2017/11/07 21:04

JavaScriptの初期化が行われなかったためでしょう

明示的に処理してください

この回答へのお礼

こんにちわ
御回答ありがとうございます。

明示的にとは、どのように書くのでしょうか・・・？

初期化
↓
var reload;

これしかわからない・・・スクリプトを分けるとかですか・・・？

お礼日時：2017/11/09 08:38