如何在JavaScript中设置时间延迟

一尘不染

如何在JavaScript中设置时间延迟

javascript

我的网站上有这片js可以切换图像，但是第二次单击图像时需要延迟。延迟应为1000ms。因此，您将单击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();
    });
});

阅读 378

2020-05-01

共1个答案

一尘不染

用途 setTimeout() ：

var delayInMilliseconds = 1000; //1 second

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

2020-05-01