javascript - setInterval()妨碍用户界面的用户友好性，是否有任何解决方法？

我正在使用jQuery / PHP / JavaScript创建聊天记录（请不要建议使用node.js / redis / socket.io，我只是想解决所提出的问题）。

我下面的代码存在的问题是，因为它每秒刷新一次（所以它是实时聊天），它显示了100条消息，但是当向下滚动时，由于刷新了，它会迅速恢复。

这个问题有什么好的解决方案吗？

码：

var all_chats = setInterval(function() {
  $.ajax({
    url: './requests/chat.php',
    type: 'POST',
    success: function(chats) {
      $('.chat').html(chats);
    }
  });
}, 1000);

最佳答案

var all_chats = setInterval(function () {
    $.ajax({
        url: './requests/chat.php',
        type: 'POST',
        success: function (chats) {
            $('.chat').append(chats);
        }
    });
}, 1000);