Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery选择正在进行的动画?_Javascript_Jquery_Animation - Fatal编程技术网

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");