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);
};

在Javascript中调用后的延迟功能

1 个答案: