Javascript 自动刷新div每3秒一次，在初始加载时运行？

我制作了以下脚本。它会检查div#vs是否有更新，还会检查div的高度，如果超过85%，则会向其添加一个类。这工作得很好，但它在初始加载3秒后开始工作。如何在页面初始加载时以及之后每3秒加载一次

jQuery(document).ready( function($) {

  var auto_refresh = setInterval(function() {
         $.ajax({
             success: function(data) {
                 var result = $('<div />').append(data).find('div#vs').html();
                     $('div#vs').html(result);

                     if (document.getElementById('vs').clientHeight > window.innerHeight * 0.85 )
                         $('div#vs').addClass('vscroll');

                     if (document.getElementById('vs').clientHeight < window.innerHeight * 0.85 )
                         $('div#vs').removeClass('vscroll');
                 }
         });


     }, 3000); // Refresh every 3000 milliseconds / 3 seconds
     })

jQuery（文档）.ready（函数（$）{
var auto_refresh=setInterval（函数（）{
$.ajax({
成功：功能（数据）{
var result=$（''）.append（data.find（'div#vs'）.html（）；
$（'div#vs'）.html（结果）；
if（document.getElementById（'vs'）.clientHeight>window.innerHeight*0.85）
$（'div#vs'）。addClass（'vscroll'）；
if（document.getElementById（'vs'）.clientHeight

只需单独定义函数，调用一次，然后使用它调用

setInterval

：

jQuery(document).ready(function($) {
  function myFn() {
    $.ajax({
      success: function(data) {
        var result = $('<div />').append(data).find('div#vs').html();
        $('div#vs').html(result);
        if (document.getElementById('vs').clientHeight > window.innerHeight * 0.85)
          $('div#vs').addClass('vscroll');

        if (document.getElementById('vs').clientHeight < window.innerHeight * 0.85)
          $('div#vs').removeClass('vscroll');
      }
    });
  }
  myFn();
  var auto_refresh = setInterval(myFn, 3000); // Refresh every 3000 milliseconds / 3 seconds
})

jQuery（文档）.ready（函数（$）{
函数myFn（）{
$.ajax({
成功：功能（数据）{
var result=$（''）.append（data.find（'div#vs'）.html（）；
$（'div#vs'）.html（结果）；
if（document.getElementById（'vs'）.clientHeight>window.innerHeight*0.85）
$（'div#vs'）。addClass（'vscroll'）；
if（document.getElementById（'vs'）.clientHeight

效果非常好！我不知道它是如此简单，谢谢你的明确的例子！我有一件事想知道，现在它将首先按原样加载div，然后在毫秒后将class.vscroll添加到div中，从而使文本滚动。是否可以延迟div的初始加载以使javascript生效。现在它正在“闪烁”，首先显示静态文本，然后快速滚动。也许只需将

.html（）

调用移到底部而不是顶部？