我不知道如何使用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);
如果您向其他人传递一个函数they将调用使用箭头,即requestAnimationFrame(()=>this.loop());
or loop = () => {
More : https://www.youtube.com/watch?v=tvocUcbCupA https://www.youtube.com/watch?v=tvocUcbCupA
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)