javascript - 在 Javascript 中调用后延迟函数

Question

我一直无法在函数执行后立即找到任何延迟。问题是 href 加载有点慢，函数在加载 _target 页面之前生效。您可以看到更改立即生效。我想要一个小定时器，等待几秒钟后功能生效。

我已经尝试在 var 中设置 setInterval，但它似乎不起作用。单击页面后，setInterval 本身会继续运行，我不希望这样。我希望在单击图像并加载链接后启动计时器。

<script type='text/javascript'>

function change() {
  var image = document.getElementById('doge');
  image.src = 'img/doge.png';
  document.getElementById("text").innerHTML="<b>such wow</b> much amaze <b><i>very effort</b></i>"  
}

</script>

<a href='img/doge.jpg' target="_blank"><img src='Logo_256.png' alt='doge' id='doge' onclick='change();'></a>
<small id='text'>This page was last modified on Wednesday, November 20, 2013 8:43:13 PM</small>

我向您保证一切正常，所以请不要介意 .jpg 或 .png 是否匹配(现在刚刚编辑)。

Answer 1

为函数所做的事情添加一个超时，因此当函数运行您希望在 change() 中发生的事情时会发生延迟。 setTimeout() 之后的函数:

var change = function(){
  setTimeout(function() { 
    var image = document.getElementById('doge');
    image.src = 'img/doge.png';
    document.getElementById("text").innerHTML="<b>such wow</b> much amaze <b><i>very effort</b></i>"  
  }, 5000);
};