Javascript 如何使用jQuery选择正在进行的动画?
我知道我们可以使用Javascript 如何使用jQuery选择正在进行的动画?,javascript,jquery,animation,Javascript,Jquery,Animation,我知道我们可以使用:animated选择器来检测动画,但它只适用于使用jQuery设置动画的元素。如何使用jQuery检测正在进行的关键帧动画 这是我的风格和标记: div { animation-name: animate; animation-duration: 1s; animation-iteration-count: infinite; } @keyframes animate { 0% { opacity: 0.5; } 100% { bord
:animated
选择器来检测动画,但它只适用于使用jQuery设置动画的元素。如何使用jQuery检测正在进行的关键帧动画
这是我的风格和标记:
div {
animation-name: animate;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@keyframes animate {
0% {
opacity: 0.5;
}
100% {
border-radius: 0.9;
}
}
<div></div>
<div id="mover"></div>
它仅使用
id
移动器更改div
的颜色您可以在启动动画时添加一个css类,并在动画即将结束时将其删除,这样您只需检查该类是否存在,以检查该类是否正在进行动画制作not@RohitBandooni发射哪个动画?我没有使用jQuery触发关键帧动画。
function animateIt() {
$("#mover").slideToggle("slow", animateIt);
}
animateIt();
$("div:animated").css("background-color","green");