javascript:如何使用requestAnimationFrame创建fadeIn()fadeOut()stop()函数?

javascript:如何使用requestAnimationFrame创建fadeIn()fadeOut()stop()函数?,javascript,fadein,fadeout,Javascript,Fadein,Fadeout,microjs中的任何库似乎都不够。安德的睡眠也不太好 您能否演示如何使用requestAnimationFrame构建fadeIn()fadeOut()stop()函数?好的 因此,我将向您展示淡出,因为我已经有一段时间没有这样做了,这可能是一个失败的演示,但您应该了解这个想法 setInterval(function(){ var x = new Image(); x.src = 'x.png'; if (x.alpha >0){ x.alpha-=.01; } },

microjs中的任何库似乎都不够。安德的睡眠也不太好

您能否演示如何使用requestAnimationFrame构建
fadeIn()fadeOut()stop()
函数?

好的

因此,我将向您展示淡出,因为我已经有一段时间没有这样做了,这可能是一个失败的演示,但您应该了解这个想法

setInterval(function(){

 var x = new Image();
 x.src = 'x.png';

 if (x.alpha >0){
   x.alpha-=.01;
 }
},100);
而且,只有当你已经有了html5画布时,这才有效

不过,你应该明白这一点


享受=]

您可以使用clearInterval停止它…只需查找它,这很简单!