javascript - 单击添加类，然后延迟删除类(超时功能)

Question

我正在使用 jimdo，但我有一个头部区域，我可以在其中更改所有代码并且一切正常，但这个很酷的超时功能。任何帮助都会很棒!

这是我的代码，它将一个类添加到状态为显示的动画 svg 图像:无。单击下载按钮，svg 图像变为 display:block 并运行 3 次并在 3 秒后淡出。到目前为止，一切都很好。我想要的是在 svg 淡出后删除添加的类“s-dwlnd”。正好在 3 秒后是正确的 :) ...有没有办法做到这一点？要向我现有的代码添加工作超时功能？并非所有代码都适用于 Jimdo :(

$( document ).ready(function() {
$( ".dwlnd-trg" ).click(function() {
    $( ".dwlnd" ).addClass( "s-dwlnd" );
});});

Answer 1

是的，像这样的东西应该可以工作:

$( document ).ready(function() {
    $( ".dwlnd-trg" ).click(function() {
        $( ".dwlnd" ).addClass( "s-dwlnd" );

        setTimeout(function() {
            $(".dwlnd").removeClass("s-dwlnd");
        }, 3000); // Delay of 3 seconds
    });
});