Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
23 / 7 / 0
Регистрация: 24.04.2018
Сообщений: 411

Задержка в конце нескольких действий

15.06.2019, 12:42. Показов 1211. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.
В одной функции есть два действия.
В самом конце этих двух действий нужна пауза в 500 миллисекунд, чтобы в течении этого времени событие клик не работало)
Каким способом это реализовать?
Ссылка на пример: https://codepen.io/anon/pen/pXgaLM

JavaScript
1
2
3
4
5
6
7
8
9
10
$(window).on('load', function () {
 
$('.block').on('click', function () {
$(this).toggleClass('red');
$('.block2').addClass('hide');
Вот здесь нужна пауза в 500 миллисекунд и чтобы во время данной паузы событие клик не работало))
});
 
 
});
HTML5
1
2
<div class="block">Кликай</div> 
<div class="block2">Удаление</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.block{
background: gray;
text-align: center;
width: 30%;  
margin-top: 50px;
margin-left: 50px; 
font-size: 30px;
user-select: none;
}
 
.block2{
background: gold;
text-align: center;
width: 30%;  
margin-top: 50px;
margin-left: 50px; 
font-size: 30px;
user-select: none; 
  
}
 
.red{
 background: red; 
}
 
.hide{
 display:none; 
}
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
15.06.2019, 12:42
Ответы с готовыми решениями:

Нужна задержка между выполнениями действий
Здравствуйте. Подскажите, как сделать, чтобы текст выводился с задеркой (например в одну секунду). Например: ...

Ставлю задержку на выполнение действий в цикле - задержка ставится почему то на выполнение всего скрипта
Здравствуйте! Код элементарный: $s = $_POST; $s = preg_replace('/ {2,}/',' ',$s); for ($i = 0; $i &lt; strlen($s);...

IF else для нескольких действий
Здравствуйте, подскажите ошибку кода и каким способом можно автоматически подбирать высоту формы, если на ней имеются несколько...

1
 Аватар для 2849141
127 / 97 / 74
Регистрация: 06.10.2015
Сообщений: 260
16.06.2019, 00:12
Лучший ответ Сообщение было отмечено Kerduk как решение

Решение

Перед обработкой клика узнавать значение переменной, которая сбрасывается по окончанию таймера, который запускается после клика.

Добавлено через 29 минут
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(window).on('load', function () {
var k = 0;
  
$('.block').on('click', function () {
  
if(k == 0){
  $(this).toggleClass('red');
  $('.block2').addClass('hide');
  k = 1;
  setTimeout(function(){
    k = 0;
    $('.block').toggleClass('red');
  }, 500);
}
 
});
 
});
Добавлено через 12 минут
Или сделать кнопку не тегом div а button, и на время таймера делать ей disabled=true.

Добавлено через 9 минут
HTML5
1
<button class="block">Кликай</button>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
$('.block').on('click', function (){
  $(this).toggleClass('red');
  $('.block2').addClass('hide');
  $(this).attr('disabled', true);
  setTimeout(function(){
    $('.block').attr('disabled', false).toggleClass('red');
  }, 500);
 
 
/*Вот здесь нужна пауза в 500 миллисекунд и чтобы во время данной паузы событие клик не работало*/
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.06.2019, 00:12
Помогаю со студенческими работами здесь

AJAX.Выполнение нескольких действий
Всем привет!Есть такой скрипт, который добавляет допустим какой либо Товар в корзину , без обновления страницы (пример: ). Но...

Нужно объяснение нескольких действий в программе
#include &lt;stdio.h&gt; #include &lt;stdlib.h&gt; #include &lt;math.h&gt; #include &lt;iostream&gt; #include &quot;conio.h&quot; int main(int argc, char *argv)...

Объясните подробнее алгоритм действий этих нескольких строчек кода. И что делает каждый предикат?
find_min_price:- findall(Price, products(_,_,Price), L), sort(L,), ...

Ввести текст, который состоит из нескольких слов. Слова, которые короче 6 символов дополнить хэштегом в конце
Помогите, пожалуйста, не понимаю как это сделать

Этот скрипт работает на конце странице. Как сделать чтобы работал на конце DIVа?
&lt;script&gt; $(document).ready(function(){ $(window).scroll(function(){ var position = $(window).scrollTop(); var bottom =...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru