jquery在CSS动画播放后删除类？

我有CSS代码：

body.start{-webkit-animation:srcb ease-in .4s 1;}

进入网站后只需播放一次

但问题是动画完成时

我网站上的按钮不起作用

动画完成后如何删除主体类“start”

或者在动画播放后删除类延迟 x 秒？

您可以绑定到过渡结束事件（实际上对他们所有人来说）：

$("body").on(
    "transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd",
    function() {
        $(this).removeClass("start");
    }
);

如果你想实现延迟，你可以queue()类移除操作：

$("body").on(
    "transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd",
    function() {
        $(this).delay(1000).queue(function() {  // Wait for 1 second.
            $(this).removeClass("start").dequeue();
        });
    }
);

Note: on()仅自 jQuery 1.7 起存在，如果您使用的是旧版本，则必须使用bind()相反，上面的代码可以工作。