使用Javascript一次添加一个类？

我有一个在元素上添加类（动画）的函数，但它没有按计划工作

我希望用户一次添加一个类。如何验证这一点？我真的不知道如何使用原始Javascript实现这一点。我认为，使用jQuery会很容易，因为jQuery具有出色的功能

我尝试在动画停止时删除该类，但用户仍然可以添加多个类。因此，在动画中会有几个类，只有在动画消失后才会被删除。看：

el.classList.add("test", anotherClass);
el.addEventListener("webkitAnimationEnd", function() {
    el.classList.remove(anotherClass);
}, true);`

基本上，我想做的是：

按钮单击>添加类>当完成或被另一个按钮（因此是新类）中断时，删除类或添加新类

注意：我不懂JavaScript，所以请不要用难懂的词解释。

试试简单的：

function setSingleClass(el, singleClass)
{
    if (!el._isSingleClassSet) {
        el.classList.add(singleClass);
        el._isSingleClassSet = 1
        el.addEventListener("webkitAnimationEnd", function () {
            el.classList.remove(singleClass);
            el._isSingleClassSet = 0
        }, true);
    }
}