Таймер обратного отсчета на этикетке в течение 30 секунд с использованием Javascript

Question

Я использую следующий пример Redirect для перенаправления на страницу.Что мне нужно, так это внутри изображения, я хотел бы иметь метку или какой-то текст, который должен показывать обратный отсчет от 30 (секунд) до 0 (секунд).Я нуждаюсь в javascript для этого требования.

Любая помощь приветствуется

Answer 1

Привет, включите это перед вашим существующим DIV

<div id="myCounter">
</div>

Напишите следующий сценарий

<script type="text/javascript">

        var milisec = 0
        var seconds = 30
        document.getElementById("myCounter").innerHTML = '30';

        function display() {
            if (milisec <= 0) {
                milisec = 9
                seconds -= 1
            }
            if (seconds <= -1) {
                milisec = 0
                seconds += 1
            }
            else
                milisec -= 1
            document.getElementById("myCounter").innerHTML = seconds;
            setTimeout("display()", 100)
        }
        display() 

    </script>

Настройте DIV в соответствии с вашими потребностями в дизайне, установив положениедо абсолюта

Answer 2

<span id="myCounter"></span>

<script>
function counter (count) {
    if (count > 0) {
        document.getElementById("myCounter").innerHTML = count;
        window.setTimeout(function() {counter(count-1)}, 1000);
    } else {
        window.location.href = "/redirected-page/";
    }
}

counter(30);
</script>