单击添加课程，然后延迟删除课程（超时功能）

Question

我正在使用jimdo，但是我有一个头部区域，可以更改所有代码，并且一切正常，但是此超时功能很酷。 任何帮助将是巨大的！

这是我的代码，将一个类添加到状态为display：none的动画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
    });
});