每3秒自動刷新一次div，是否在初始加載時運行？

Question

我做了以下腳本。 它檢查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
     })

Answer 1

只需分別定義函數，一次調用它，然后使用它調用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
})