Как спать после нажатия кнопки

Question

Я хотел бы положить задержку после нажатия кнопки, чтобы кнопка загрузила данные из кеша, прежде чем выполнять следующую строку кода. Будет ли спать лучшим способом сделать это?

Что-то вроде этого или есть альтернативный подход к лучшему решению этой проблемы?

setInterval(document.getElementById("generateButton"), 1000); 

Answer 1

Не используйте setInterval для этого. У него нет функциональности, которую вы, похоже, хотите (она повторяется). Вместо этого следует использовать JQuery и сделать что-то вроде этого:

$("#generateButton").click(function(event){ 
    setTimeout(function(){ 
     //Do what the button normally does 
    }, 1000);   
}); 

Или (без JQuery):

var generateButton = document.getElementById("generateButton"); 
generateButton.addEventListener("click", function(){ 
    setTimeout(function(){ 
     //Do what the button normally does 
    }, 1000); 
}); 

Использование setTimeout над setInterval является предпочтительным в вашем случае, поскольку setTimeout работает только один раз в то время как setInterval работает несколько раз.

Я предполагаю, что у вас есть в вашем html, <button id='generateButton' onclick='someFunction()'>Button Text</button>. Удалите onclick='someFunction() и положите someFunction(), где я сказал (в примерах) «Сделайте то, что обычно делает кнопка».

Вы также можете добавить в код, который загружает кеш методом, который вызывает другой метод после загрузки кеша (когда вызывается someFunction() с помощью кнопки, загружает кеш и в конце функции (установить это с помощью функции обратного вызова), после загрузки кэша, он вызывает другой метод onCacheLoaded(), который может быть запущен после загрузки кэша

Answer 2

Попробуйте setTimeout:.

myButton.addEventListener('click', function() { 
    setTimeout(delayed, 1e3); // Delay code 
}, false); 
function delayed() { 
    // Do whatever 
} 

Примечание setInterval запускает функцию периодически , setTimeout только один раз

Также обратите внимание, что отложенный код должен быть функцией (или строкой, которая будет eval uated, но лучше избегать этого). Однако document.getElementById("generateButton") возвращает элемент html (или null).

Answer 3

Вы должны использовать обратные вызовы, поэтому в момент загрузки данных из кеша вы можете вызвать его и продолжить выполнение остальной части скрипта. Вы не можете использовать интервал, так как не можете быть уверены, сколько времени требуется для загрузки данных. Хотя имейте в виду асинхронный характер javascript и не блокируйте часть скрипта, которая не зависит от загружаемых данных.