javascript - 检测子元素动画

Question

我有一个父 div，里面有从左到右动画的子 div。如何检测是否有任何子 div 是动画的。子 div 正在移动，子 div 样式中的左侧位置不断变化，因为它们从左向右移动。

<div id="products">
<div id="product1 style="color:blue;left:10px;"></div>
<div id="product2 style="color:blue;left:20px;"></div>
<div id="product3 style="color:blue;left:30px;"></div>
</div>

左边的数字正在变化，有什么方法可以检测到这种变化。提前致谢

Answer 1

我在移动设备上并没有测试这个，但它应该可以工作

var a = document.getElementById('products').querySelectorAll('div');
for (var i=0;i<a.length;i++){
    var now = a[i].style.left;
    setTimeout(function(){
         if (a[i].style.left != now)
         {
             // the element is animated
         }
    },2);
}