Question

我在这里看了一些解决方案，但似乎都没有。基本上，我正在使用一个隐藏的类。我编写了Javascript来删除隐藏的类，并添加来自animate.css的“动画脉冲”类。我怎么能拥有它，以便JS在页面加载后3秒才能完成该功能？

 a.*a

Answer 1

怎么样

$(document).ready(function() {
    setTimeout(function() {
        $("#gallery").removeClass("hidden").addClass("animated pulse");
    }, 3000));
});

一如既往@A。沃尔夫提到你可以使用

$("#gallery").toggleClass("hidden animated pulse");

Answer 2

我怎样才能让JS在页面加载后3秒内没有使用该功能？

用于延迟某些脚本执行的jQuery Way™是.delay()和.queue()。另请注意，您说＆＃34;页面加载＆＃34;不是＆＃34;文件准备好＆＃34;这两者之间存在显着差异。如果您想要加载图片，请务必收听.load。

// page load version
$(window).on('load', function () {

// document ready vresion
jQuery(function ($) {

    // rest of the function body remains the same:
    $('#gallery')
        .delay(3000)
        .queue(function (next) {
            $(this).removeClass('hidden').addClass('animated pulse');
            next();
        });
});

在功能前等待3秒

2 个答案: