JS如何监听页面DOM元素显示隐藏状态？

Question

我自己封装了一个简单的JS动画，想要在元素显示的时候播放这个动画，而隐藏再次显示后重新播放，也就是再次执行这个动画。
我目前能想到的是给这种有动画的dom加特殊类名，然后用定时器监听这类元素的display是否为none。
除此之外，还有更好的方法吗？

Answer 1

我想知道的是元素去播放动画, 该元素你总该知道是哪个元素把

加层判断 if(你的条件) //这块对应标识条件就是是否为display none , none 就return 也就是不执行动画

不就达到你的效果了 条件是一个标识 '也就是非奸即盗' 所以你掌握的条件 或者你构建的条件来判断
何来(何为)更好的方法?

Answer 2

https://developer.mozilla.org...

Answer 3

找根源啊，你的元素显示隐藏的事件一定有的吧，下面一个小例子希望能帮到你

var status = true;
clickEle.addEventListener('你需要的事件'，function(){
    if(status){
        //元素显示并播放动画
    }else{
        //元素隐藏并停止动画
    }

},false)