setInterval（）阻碍了UI的用户友好性，任何修复？

Question

我正在使用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);

Answer 1

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