Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.09.2019, 13:03
Новичок на форуме
Отправить личное сообщение для solic2010 Посмотреть профиль Найти все сообщения от solic2010
 
Регистрация: 25.09.2019
Сообщений: 5

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

Такое реализовано на многих сайтах .

СМС с кодом отправлено
Запросите код повторно через % секунд


или

СМС с кодом отправлено
запросить повторый код можно через % секунд

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

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

как то так.
Изображения:
Тип файла: jpg Screenshot_1.jpg (4.1 Кб, 1 просмотров)
Тип файла: jpg Screenshot_2.jpg (9.7 Кб, 3 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 25.09.2019, 13:17
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Без обратного отсчета
<button id="send">Выслать код</button>
<div id="result"><div>
<script>
send.onclick = function() {

      result.innerText = "Код отправлен. Повторная отправка возможна через 10 сек.";
      send.disabled = "true";

      setTimeout(function() {
           result.innerText = "";
           send.disabled = "";
      },10000);
}
</script>

с обратным отсчетом
<button id="send">Выслать код</button>
<div id="result"><div>
<script>
send.onclick = function() {
      var count = 11.
      send.disabled = "true";
      var countdown = setInterval(function(){
            count--;
            result.innerText = "Код отправлен. Повторная отправка возможна через " + count + " сек.";
            if(count == 0) {
               result.innerText = "";
               send.disabled = ""; 
               clearInterval(countdown);
            }
      },1000);
}
</script>

Последний раз редактировалось Dilettante_Pro, 25.09.2019 в 14:01.
Ответить с цитированием
  #3 (permalink)  
Старый 25.09.2019, 16:37
Новичок на форуме
Отправить личное сообщение для solic2010 Посмотреть профиль Найти все сообщения от solic2010
 
Регистрация: 25.09.2019
Сообщений: 5

https://mnogo-tortov.ru/user/recover
Ответить с цитированием
  #4 (permalink)  
Старый 25.09.2019, 16:39
Новичок на форуме
Отправить личное сообщение для solic2010 Посмотреть профиль Найти все сообщения от solic2010
 
Регистрация: 25.09.2019
Сообщений: 5

https://mnogo-tortov.ru/user/recover
Спасибо добрые гуру JS. То что просил работает как надо
Но с этой функцией не работает отправка.

предполагаю что это из за этой функции. Может как то можно поправить код. И заменить send.disabled на что то другое.
Ответить с цитированием
  #5 (permalink)  
Старый 26.09.2019, 09:26
Новичок на форуме
Отправить личное сообщение для solic2010 Посмотреть профиль Найти все сообщения от solic2010
 
Регистрация: 25.09.2019
Сообщений: 5

Друзья неужели ни кто мне не поможет не подскажет
Ответить с цитированием
  #6 (permalink)  
Старый 26.09.2019, 17:58
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

solic2010,
вот такой вариант точно работает

<form method = "post" action = "mailto:вашемайл" enctype="text/plain">
   <input type="text" name= "test" value = "Test"> 
   <button id="send">Выслать код</button>
   <div id="result"><div>
</form>
<script>
document.querySelector("form").onsubmit  = function() {
      var count = 11.
      send.disabled = "true";
      var countdown = setInterval(function(){
            count--;
            result.innerText = "Код отправлен. Повторная отправка возможна через " + count + " сек.";
            if(count == 0) {
               result.innerText = "";
               send.disabled = ""; 
               clearInterval(countdown);
            }
      },1000);
}
</script>


вместо send.disabled можно менять класс кнопки ( но disabled тоже оставить - иначе кнопка, хоть и измененного вида, будет активна)

Последний раз редактировалось Dilettante_Pro, 26.09.2019 в 18:28.
Ответить с цитированием
  #7 (permalink)  
Старый 27.09.2019, 10:19
Новичок на форуме
Отправить личное сообщение для solic2010 Посмотреть профиль Найти все сообщения от solic2010
 
Регистрация: 25.09.2019
Сообщений: 5

к сожалению последний вариант вообще не рабочий. Если первый хоть блокировал кнопку выдавал сообщение и делал setInterval, хотя отправка не происходила.
Ответить с цитированием
  #8 (permalink)  
Старый 27.09.2019, 13:07
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Сообщение от solic2010
к сожалению последний вариант вообще не рабочий
Здесь работает? Пробовали запускать?
Покажите ваш вариант кода, который не работает
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать нажатие кнопки? jonsinat2 Javascript под браузер 0 02.04.2017 10:13
проверка на повторное нажатие Freekazoid jQuery 7 02.12.2016 07:24
вывести значение кнопки в текстовое поле matt_xs Общие вопросы Javascript 10 16.04.2016 14:50
Якоря и нажатие кнопки назад в браузере. pavel24071988 Общие вопросы Javascript 5 23.07.2014 08:55
Программное нажатие кнопки Kuklachel Events/DOM/Window 8 24.07.2013 21:54