アヤックス - オートリフレッシュが台無しに "counterup"

Question

カウンタースクリプト：（https://github.com/bfintal/Counter-Up）

 <script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $('.counter').counterUp({ 
       delay: 100, 
       time: 1200 
      }); 

      $(".knob").knob(); 

     }); 
    </script> 

自動更新スクリプト：

 <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load('jquery', '1.4.2'); 
     google.load('jqueryui', '1.8.8'); 
    </script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      setInterval('get_counter()', 500); 
     }); 
     function get_counter() 
     { 
      $('.refresh').load('user_counter.php'); 
     } 
    </script> 

HTML：

<h3 class="text-white"><b class="counter refresh">5</b></h3> 

問題の例：https://gyazo.com/b7ad0d3ea86ca00d873f29b39124821e

Answer 1

負荷の代わりに$ AJAXを使用します。 $ Ajaxがカスタムコールバック関数を許可する

$.ajax({ 
    type: "POST", 
    url: "user_counter.php", 
    success:function(cntr){ 
     $('.refresh').html(cntr); 
     $('.counter').counterUp({ 
      delay: 100, 
      time: 1200 
     }); 
    } 
});