Функция задержки после вызова Javascript

Question

У меня возникли проблемы с поиском любых задержек сразу после выполнения функции. Проблема в том, что href загружается немного медленнее, и функция действует до загрузки страницы _target. Вы можете увидеть, как изменения вступают в силу немедленно. Я хотел бы иметь небольшой таймер, чтобы подождать несколько секунд, прежде чем функция повлияет.

Я пробовал setInterval внутри var, но он, похоже, не работает. 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); 
};