Показать сообщение отдельно
  #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.
Ответить с цитированием