如何在javascript中设置时间延迟

javascript jquery

2022-08-30 00:31:14

我在我的网站上有一段js来切换图像，但当你第二次点击图像时需要延迟。延迟应为 1000 毫秒。因此，您将单击img.jpg然后会出现img_onclick.jpg。然后，您将单击img_onclick.jpg图像，然后应该有1000ms的延迟，然后再次显示img.jpg。

代码如下：

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

答案 2

setTimeout(function(){


}, 500);

将代码放在{ }

500= 0.5 秒

2200= 2.2 秒

等。