javascript - JavaScriptで時間遅延を設定する方法

Question

私のウェブサイトには画像を切り替えるための js がありますが、もう一度画像をクリックすると遅延が必要です。遅延は 1000 ミリ秒にする必要があります。したがって、img.jpg をクリックすると、img_onclick.jpg が表示されます。次に img_onclick.jpg 画像をクリックすると、img.jpg が再び表示されるまでに 1000 ミリ秒の遅延が発生します。

コードは次のとおりです。

jQuery(document).ready(function($) {

    $(".toggle-container").hide();
    $(".trigger").toggle(function () {
        $(this).addClass("active");
        $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img_onclick.jpg');
    }, function () {
        $(this).removeClass("active");
        $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img.jpg');
    });
    $(".trigger").click(function () {
        $(this).next(".toggle-container").slideToggle();
    });
});

Answer 1

使用setTimeout():

var delayInMilliseconds = 1000; //1 second

setTimeout(function() {
  //your code to be executed after 1 second
}, delayInMilliseconds);

なしでやりたい場合:この質問setTimeoutを参照してください。