Задержка при нажатии

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

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
7
0
34 258
4

Ответы 4

Это Javascript:

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

 var delay = 1000;

 setTimeout( myfunction, delay )

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

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

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

setTimeout(functionToExecute, 1000)

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

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

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' />

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

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

Другие вопросы по теме