如何设置时间延迟在javascript

我有这一段js在我的网站上切换图像，但需要一个延迟，当你第二次点击图像。延迟应该是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(function () { 
    $("#jsSegurosProductos").jsGrid("refresh"); 
}, 1000);

2018-03-07 21:57:55

其他回答

使用setTimeout ():

var delayInMilliseconds = 1000; //1 second

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

如果你想不使用setTimeout:请参考这个问题。

2013-07-26 14:15:11

你可以利用这个承诺

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

那就用这个方法

console.log("Hello");
sleep(2000).then(() => { console.log("World!"); });

console.log("Hello");
await sleep(2000);
console.log("World!");

2020-12-29 05:34:31

const delay = (delayInms) => new Promise(resolve => setTimeout(resolve, delayInms)); 等待延迟(100)

2022-04-21 22:33:09

对于同步调用，您可以使用下面的方法:

function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
}

2019-02-15 04:58:22

setTimeout(function(){


}, 500);

将代码放在{}中

500 = 0.5秒

2200 = 2.2秒

etc.

2014-10-10 19:05:58

如何设置时间延迟在javascript

推荐文章

最新文章

标签