Javascript 单击按钮时淡入淡出

这种淡入淡出动画的CSS样式看起来不错，但不能与javascript一起重用。一旦该功能执行一次，按钮再次单击将无法触发该功能，解决方法是什么

//移除类 //addClass .ElementToFadeInDout{ 宽度：200px； 高度：200px； 背景：红色； -webkit动画：fadeinout 4s线性向前； 动画：FadeInut 4s线性向前； 不透明度：0； } @-webkit关键帧淡出{ 50%{不透明度：1；} } @关键帧淡入淡出{ 50%{不透明度：1；} } 按钮

---

只需单击“添加类成员资格”按钮，等待动画完成，然后删除该类

var div=document.querySelector.fade； var btn=document.querySelector.fadeButton； btn.addEventListenerclick，函数{ ADEINADOUT的div.classList.addelements； //等待动画结束，然后删除该类，以便 //下一次单击可以重新添加它。 setTimeoutfunction{div.classList.removeelementToFadeInAndOut；}，4000； }; .褪色{ 宽度：200px； 高度：200px； 背景：红色； 不透明度：0； } .ElementToFadeInDout{ 动画：FadeInut 4s线性向前； } @关键帧淡入淡出{ 0%{不透明度：0；} 50%{不透明度：1；} 100%{不透明度：0；} } 按钮

---

最好的方法是对函数使用jQuery 下面是切换按钮淡入淡出效果的代码。 您可以通过在jQuery中更改1000来调整时间谢谢

$document.readyfunction{ $'button.btn'。单击函数{ $div.elementToFadeInAndOut.fadeout 1000； $div.elementToFadeInAndOut.fadeIn1000； }; }; .ElementToFadeInDout{ 宽度：200px； 高度：200px； 背景：红色； } 按钮

---

.animate函数在哪里？它不能与javascript一起重用-因为您没有编写js代码。@Kinduser启用了-1标志，最好用您的信誉货币购买更多标志。谢谢，我需要javascript方面的帮助。我无法对其进行分析。只需单击一下，即可淡入淡出。