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

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
    });
});