我在寻找如何requestAnimationFrame
在课堂上使用时遇到问题。
这段代码工作正常:
window.onload = function () {
var width = 20;
function animation() {
width++;
var element = document.getElementById("box");
element.style.width = width + "px";
requestAnimationFrame(animation);
}
requestAnimationFrame(animation);
};
但是,当我尝试将其放入课堂时,没有任何结果。
class Animation{
width: number = 20;
constructor() {
requestAnimationFrame(this.loop);
}
loop() {
this.width++;
var element = document.getElementById("box");
element.style.width = this.width + "px";
requestAnimationFrame(this.loop);
}
}
window.onload = function () {
var animation = new Animation();
};
有人可以告诉我这是怎么回事吗?
requestAnimationFrame(this.loop);
如果您是通过别人的一个函数,它们要调用使用箭头即requestAnimationFrame(()=>this.loop());
或loop = () => {
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句