requestAnimationFrame +申请

Question

瓦尔T = 0

...

变种的TestClass =新类（）

TestClass.extend({ 
     init: function() { 
      this.TT = T; 
      T++ 
     } 
    }); 

    TestClass.include({ 
     animate: function() { 
      A = this 
      window.requestAnimationFrame(function() { 
       A.animate(); 
       console.log(A.TT) 
      }); 
     } 
    }); 

...

var can1 = new TestClass(); 
    var can2 = new TestClass(); 
    var can3 = new TestClass(); 

...

var can1.animate() 
    var can2.animate() 
    var can3.animate() 

所以它只适用于can3。 控制台：>> 2

如果我会做：

TestClass.include({ 
     animate: function() 
     { 
      console.log(this.TT) 
     } 
    }); 

    var can1 = new TestClass(); 
    var can2 = new TestClass(); 
    var can3 = new TestClass(); 

    function G() { 
     window.requestAnimationFrame(function() { 
      can1.animate() 
      can2.animate() 
      can3.animate() 
      G() 
     }); 
    } 
    G() 

它会正常工作，但我怎么可以做内部的每个的TestClass的requestAnimationFrame？

Answer 1

我有同样的问题。所以做到这一点。 试试吧？ https://github.com/mixed/requestAnimationFrameInterval

TestClass.include({ 
    animate: function() { 
     A = this 
     window.requestAnimationFrameInterval(function() { 
      A.animate(); 
      console.log(A.TT); 
     }); 
    } 
}); 

var can1 = new TestClass(); 
var can2 = new TestClass(); 
var can3 = new TestClass(); 

var can1.animate() 
var can2.animate() 
var can3.animate() 

`