将函数响应（回调）作为变量传递给另一个函数

Question

请参见下文。我试图将function(response)作为变量用于进度条功能中。无论如何，这是主意。在这种情况下，我如何回拨data = response到var i = data？

$(document).ready(function() { 
    $.ajaxSetup({ 
     cache: false 
    }); 
    var data = 0; 
    setInterval(function() { 
     $('#divToRefresh').load('usercounter.php', function (response) { 
      data = response; 
     }); 
    }, 100); 
    window.onload = function() { 
     var Animator = new function() { 
       var parent = document.getElementById('container'); 
       var element = document.getElementById('test'); 
       var target = document.getElementById('message'); 
       this.move = function() { 
        var i = data; 
        var width = 0; 
        var timer = window.setTimeout(function() { 
         i += 1; 
         element.style.width = width + i + 'px'; 
        }, 10); 
       }; 
      }; 
     Animator.move(); 
    }; 
}); 

Answer 1

不知道你的动画是如何工作或如何将这些元素进行交互，但我猜你的目标是调用定期将刷新它的现状如何？所以把它放在间隔中，然后检索动画的计数部分。不知道这是否适合您的情况。 。

$(document).ready(function() { 
    $.ajaxSetup({ 
     cache: false 
    }); 

    window.onload = function() { 
     var Animator = new function() { 
       var parent = document.getElementById('container'); 
       var element = document.getElementById('test'); 
       var target = document.getElementById('message'); 
       this.move = function() { 
        $('#divToRefresh').load('usercounter.php', function (response) { 
         var i = response;      
         var width = 0; 
         var timer = window.setTimeout(function() { 
          i += 1; 
          element.style.width = width + i + 'px'; 
         }, 10); 
        }); 

       }; 
      }; 
     Animator.move(); 
     setInterval(function() { 
      Animator.move(); 
     }, 100); 
    }; 
});