私のウェブサイトには画像を切り替えるための js が 1 つありますが、画像を 2 回目にクリックするときに遅延が必要です。遅延は 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();
});
});
ベストアンサー1
使用setTimeout()：
var delayInMilliseconds = 1000; //1 second
setTimeout(function() {
//your code to be executed after 1 second
}, delayInMilliseconds);
なしでやりたい場合はsetTimeout、以下を参照してください。この質問。