1 минута 30 секунд таймер обратного отсчета - PullRequest
0 голосов
/ 28 сентября 2018

У меня есть код, но он для таймера на 2 минуты, и мне нужно изменить его на таймер на 1 минуту 30 секунд.

Я попытался, но не смог запустить таймер с 1: 30.* Поскольку я новичок в этой строке и хочу узнать, как это сделать.

здесь это код

<div id=timer></div>
<script type="text/javascript">
  var timeoutHandle;

  function countdown(minutes, seconds) {
    var seconds = 60;
    var mins = minutes

    function tick() {
      var counter = document.getElementById("timer");
      var current_minutes = mins - 1
      seconds--;
      counter.innerHTML =
        current_minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds);
      if (seconds > 0) {
        timeoutHandle = setTimeout(tick, 1000);
      } else {

        if (mins > 1) {

          // countdown(mins-1);   never reach “00″ issue solved:Contributed by Victor Streithorst
          setTimeout(function() {
            countdown(mins - 1);
          }, 1000);

        }
      }
    }
    tick();
  }

  countdown(2);
</script>

Ответы [ 2 ]

0 голосов
/ 28 сентября 2018

<div id=timer></div>
<script type="text/javascript">
    var timeoutHandle;
    function countdown(minutes, seconds) {
        function tick() {
            var counter = document.getElementById("timer");
            counter.innerHTML =
                minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds);
            seconds--;
            if (seconds >= 0) {
                timeoutHandle = setTimeout(tick, 1000);
            } else {
                if (minutes >= 1) {
                    // countdown(mins-1);   never reach “00″ issue solved:Contributed by Victor Streithorst
                    setTimeout(function () {
                        countdown(minutes - 1, 59);
                    }, 1000);
                }
            }
        }
        tick();
    }

    countdown(1, 30);
</script>
0 голосов
/ 28 сентября 2018

Я буду использовать что-то вроде этого:

<div id=timer></div>
<script type="text/javascript">

    var maxTicks = 90;
    var tickCount = 0;

    var tick = function()
    {
        if (tickCount >= maxTicks)
        {
            // Stops the interval.
            clearInterval(myInterval);
            return;
        }

        /* The particular code you want to excute on each tick */
        document.getElementById("timer").innerHtml = (maxTicks - tickCount);

        tickCount++;
    };

    // Start calling tick function every 1 second.
    var myInterval = setInterval(tick, 1000);

</script>
...