javascript - jQueryで「クリック」と「addClass」の間に遅延を追加できますか?

Question

addClass メソッドの前に遅延を追加できますか?

これは私にとってはうまくいかないようです。

$("#btn").click(function doStuff(){
    $("#myoBj").show();
    $("#myoBj").animate({left: "15"});
    $(".secondObj").delay(1000).addClass('glow');
    $(".thirdObj").addClass('topGlow');
)};

ありがとう

Answer 1

$("#btn").click(function doStuff(){
    $("#myoBj").show();
    $("#myoBj").animate({left: "15"});

    setTimeout(function () {
        // Wait 1 second and add the class
        $(".secondObj").addClass('glow');
    }, 1000);

    $(".thirdObj").addClass('topGlow');
});

Answer 2

queue()メソッドのコールバックを使用して、遅延が完了した後にコードを起動できます。

$("#btn").click(function doStuff(){
    $("#myoBj").show();
    $("#myoBj").animate({left: "15"});
    $(".secondObj").delay(1000).queue(function() {
          $(this).addClass('glow');
    });
    $(".thirdObj").addClass('topGlow');
)};