Повторное нажатие кнопки поле таймута
Вложений: 2
Здраствуете. Подскажите как реализовать повторное нажание кнопки или ссылки, после отчета.
Такое реализовано на многих сайтах . СМС с кодом отправлено Запросите код повторно через % секунд или СМС с кодом отправлено запросить повторый код можно через % секунд т.е. при нажатии на кнопку выслать код кнопка блокируется или заменяется на текст запросить повторый код можно через % секунд После того как секунды пройдут , оптять включить кнопку или показать ее. как то так. |
Без обратного отсчета
<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> |
|
https://mnogo-tortov.ru/user/recover
Спасибо добрые гуру JS. То что просил работает как надо Но с этой функцией не работает отправка. предполагаю что это из за этой функции. Может как то можно поправить код. И заменить send.disabled на что то другое. |
Друзья неужели ни кто мне не поможет не подскажет
|
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 тоже оставить - иначе кнопка, хоть и измененного вида, будет активна) |
к сожалению последний вариант вообще не рабочий. Если первый хоть блокировал кнопку выдавал сообщение и делал setInterval, хотя отправка не происходила.
|
Цитата:
Покажите ваш вариант кода, который не работает |
Часовой пояс GMT +3, время: 20:10. |