意図的にイベントの○秒後に実行させる2つのjs

setTimeoutで遅延実行

• クリックして1秒後にアラートが表示されます

$('.hoge').click(function(){
    setTimeout(function(){
        alert("1秒後にアラートが表示されました");
    },1000);
    return false;
});

jQueryのdelayで遅延実行

• クリックして3秒後にアラートが表示されます

$('.moge').click(function(){
    $(this).delay(3000).queue(function(){
        alert("3秒後にアラートが表示されました");
        $(this).dequeue();
    });
    return false;
});

デモの解説記事に戻る