[解決済み】javascriptでタイムディレイを設定する方法

質問

私のウェブサイトでは、画像を切り替えるためにこのjsの一部を使用していますが、画像を2回目にクリックしたときに遅延が必要です。遅延は1000msにする必要があります。img.jpgをクリックすると、img_onclick.jpgが表示されます。その後、img_onclick.jpgの画像をクリックすると、img.jpgが再び表示されるまでに1000msの遅延があるはずです。

以下はそのコードです。

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

解決方法は？

使用方法 setTimeout() :

var delayInMilliseconds = 1000; //1 second

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

を使わずに行いたい場合は setTimeout : を参照してください。 この質問 .