Javascript 让动画运行多次

我有这个动画，我希望能够运行多次。以下是我目前拥有的：。我希望能够使“完成”的事情出现，每次我按下按钮。我尝试添加如下内容：

window.setTimeout(function(){
    $('#divProcessing').addClass('show');
    $('#divProcessing').removeClass('hidden');
}, 1000);  

但这使得动画“反转”，这是我不想要的。（）。

这应该可以

这里介绍的是另一个css类“animate”：

动画结束后将被删除，以确保弹出窗口未重新设置动画，并以静默方式重置

过渡部分已从基本div对象中删除

至于单击操作，您的方法是正确的

---

希望有帮助。

这不是真正合乎逻辑的CSS规则：

.show{visibility:hidden；}

@A.Wolff ok。那么我应该怎么做呢？=）我在这里真的迷路了：你应该使用

tansitionend

事件而不是超时，例如：像符咒一样工作！谢谢=）

.animate {
    transition: all 500ms linear;    
}