Проблема с обновлением у setTimeout в JS

[Svileff]

Есть код который постоянно обновляет область чата. Но почему то при первом обновлении перемещает содержимое внутрь самого содержимого. Не могу понять в чем причина.

<script type="text/javascript">
      $(document).ready(function() {
        setTimeout(function(){
        $("#chats").load("#chats");
        }, 10000);
      });
</script>

<div id="chats">
Тут переписка чата
</div>

Внутри нету div с таким же ID. Javascript знаю только азы, может что и пропустил.

 

[Squats]

siteTimeout - срабатывает только 1 раз.
Вам нужно использовать setInterval.
Но лучше использовать requestAnimationFrame
А вообще, это бредовая затея, смотрите в сторону WebSocket.

 

[Svileff]

siteTimeout - срабатывает только 1 раз.
Вам нужно использовать setInterval.
Но лучше использовать requestAnimationFrame
А вообще, это бредовая затея, смотрите в сторону WebSocket.

А как задать 10000 миллисекунд для requestAnimationFrame она не принимает такие параметры?

 

[Squats]

А для кого там документация писана?
Читайте, читайте и еще раз читайте.
Как управлять скоростью, там все написано.

 

[AnrDaemon]

$("#chats").load("#chats");

Дословно "загрузить #chats из #chats". Что попросили, то получили.
И вам верно сказали, теребить setInterval() стоит только в самом крайнем случае. Лучше испольовать вебсокеты.