Javascript 了解是否正在进行任何转换

是否有任何方法可以确定我的页面上当前是否正在运行转换？不是在特定元素上，而是整个页面的全局

---

谢谢

要查看css转换何时结束，您可以使用

transitionend

CSS转换完成后将触发transitionend事件

资料来源：

您可以使用“标志”查看动画何时完成以及何时未完成。这里有一个例子：

var AnimationComplete;

$('div').click(function() {
    $(this).addClass('green');
    AnimationComplete= false;
    console.log(AnimationComplete);
});

$("*").bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
    AnimationComplete= true;
    alert('animate ended');
    console.log(AnimationComplete);    
    return false; /*Cancel any bubbling*/
});

我不得不说，使用

*

选择器是一种不好的做法，因为它会将这些事件[s]绑定到所有元素。最好将您的特定元素写入其中

更新

因此，基本上，当我的“flag”

AnimionComplete

为false时，您如何确定转换正在进行

---

这里您可以看到3种不同的状态：开始、正在进行和结束

我知道这一点，但这有助于我了解转换是否结束，而不是当前是否有任何转换正在进行。