Время задержки на клик

Question

Может ли кто-нибудь прислать мне код JavaScript о том, как я могу построить задержку от момента нажатия кнопки на странице до момента выполнения функции, вызванной нажатием кнопки. Я новичок в JavaScript, и у меня есть некоторый код, который выполняет функцию, когда я нажимаю кнопку, и я просто хочу иметь задержку.

Answer 1

Это Javascript:

 function myfunction() {
     alert( "delayed" );
 }

 var delay = 1000;

 setTimeout( myfunction, delay )

В этом суть. Теперь вам нужно подключить его к кнопке на html-странице: встроить определение функции в теги < script > ... < /script > и запланировать его в методе onClick.

....
<button onClick="setTimeout( myfunction, delay );">Click_And_Wait</button>

Answer 2

Если вам нужно передать параметры:

function clickHandler(id,value,delay)
{
    setTimeout( function() { actualFunction(id, value); }, delay );
}

function actualFunction(id, value)
{
    alert( 'button ' + id + ' has value = ' + value );
}


<input id='clickButton' type='button'
       onclick='clickHandler(this.id,this.value,5000);'
       value='Click Me' />

Answer 3

Попробуйте функцию setTimeout:

setTimeout(functionToExecute, 1000)

Первый параметр - это функция, которая будет срабатывать, а второй - задержка в миллисекундах.

Answer 4

Я бы посоветовал заглянуть в Prototype.js, особенно если вы новый разработчик для JavaScript. Prototype уже определил большинство наиболее распространенных потребностей, которые разработчики JavaScript хотят сделать в своем коде ... и Prototype делает это независимо от браузера. (есть и другие библиотеки JavaScript, которые тоже могут это делать)

Вы можете сделать это, как написано в других ответах ... но я обнаружил, что обычно я трачу меньше времени на беспокойство об ошибках в моем коде после того, как вложил деньги в хорошую Книгу и потратил 2 дня на чтение о Прототипе (или некоторых других Библиотека, как jQuery) против поиска в Интернете и копирования / вставки различных решений. / Пожав плечами