Как так сделать в javascript?

Question

[dev400]

При отправке формы( в модальном окне Bootstrap), должен появиться обратный счетчик(допустим 30 сек) и после этого должна появиться определенная надпись. Подскажите пожалуйста, как такое можно реализовать? (хоть примерно, в js просто не сильно разбираюсь)

Answer 1

[FMars]

Используйте функцию setInterval: https://jsfiddle.net/j29pf67j/1/

var counter = document.getElementById("counter")
var hiddenText = document.getElementById("hidden-text")
var run = function(seconds) {
  var interval = setInterval(function(){
    if (seconds > 0) {
      counter.textContent = seconds--;
    }
    else 
    {
      hiddenText.style.display = "block";
      counter.style.display = "none";
      clearInterval(interval);
    }
  }, 1000)
}

Answer 2

[Super User]

function showMessage(){
  alert('Done');
}
setTimeout(showMessage, 30000);

Comments

[dev400]

setTimeout(showMessage, 30000); это же не визуальный счетчик, как я понимаю?

[Super User]

Андрей: Да. Если нужен визуальный, то щас покумекаем )