应设置超时触发多少次

how many times should setTimeout fires

本文关键字：多少次 超时 设置      更新时间：2023-09-26

我的 asp.net mvc网站中有以下代码：-

function loadImage(src, callback) {
  var img = $('<img>').on('load', function () {
    callback.call(img);
  });
  img.attr('src', src);
  var allcaptions = $("figure span");
  // setTimeout is a hack here, since the ".placeholders" don't exist yet
  setTimeout(function () {
    alert(1);
    $(".placeholder").each(function (i) {
      // in each .placeholder, copy its caption's mark-up into it (remove the img first)
      var caption = allcaptions.eq(i).clone();
      //caption.find("img").remove();
      var t = caption.find("img").attr('data-goto');
      // caption.append($("<a />", { "text": "test", "href": t }));
      if (!(t == null || t == "undefined")) {
        caption.append("<br/>");
        caption.append("<a href='" + t + "' style='font-size:16px;font-weight:bold'>Read More</a>");
      }
      caption.find("img").remove();
      $(this).append("<div class='caption'>" + caption.html() + "</div>");
    });
  }, 500);
  alert(2)
}

现在根据我的理解，settimout 将在 500 毫秒后触发并调用该函数。 但真正发生的事情如下：

调用函数时（显示图片库时），我将收到以下警报：-

2
1
2
2
1 
1

那么任何人都可以就此提出建议，setTimeout 是如何工作的，它会只触发一次还是会执行多次？ 当然，我添加了警报仅用于测试目的...

谢谢

        // setTimeout is a hack here, since the ".placeholders" don't exist yet

如今，MutationObserver 得到了广泛的支持。 

var $container = $('.container'),
  observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      var placeholders = Array.prototype.filter.call(mutation.addedNodes, function(node) {
        return node.className === 'placeholder';
      });
      if (placeholders.length > 0) console.log(placeholders);
    });
  });
observer.observe(document, {
  childList: true,
  subtree: true
});
var placeholders = setInterval(function() {
    $container.append('<p class="placeholder">Hello world</p>');
  }, 500),
  goodbyes = setInterval(function() {
    $container.append('<p class="goodbye">Goodbye world</p>')
  }, 1000);
setTimeout(function() {
  clearInterval(placeholders);
  clearInterval(goodbyes);
}, 3500);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
</div>

  • loadImage()必须被多次调用。
  • setTimeout()在提供的延迟后调用提供的函数，只需一次。
相关文章：