Как мне автоматически запустить таймер при перезагрузке этой страницы?

Question

<p id="countdown"></p>
  <div id="startButtons">
    <button onclick="sample()" id="gameStart" class="gameStart">LETS GO!</button>

    <script>
      var timeleft = 90;
      window.onload = timedText;
      function sample() {
        document.getElementById('paragraph').innerHTML = "<style>.paragraph(visibility:collapse);";
        document.getElementById('gameStart').innerHTML = "<style>.gameStart(visibility:collapse);";
        var downloadTimer = setInterval(function
          function1() {
          document.getElementById("countdown").innerHTML = timeleft + "&nbsp" + "seconds left";

          timeleft -= 1;
          if (timeleft <= 0) {
            clearInterval(downloadTimer);

            document.getElementById("countdown").innerHTML = "The time has ended!";

            window.open("index2.1.html");
          }
        }, 1000);

        console.log(countdown)

      }

    </script>

Я делаю эту игру слов, и я действительно не понимаю, как запустить таймер, когда я перезагружаю страницу, я хочу, чтобы таймер запускался сам по себе, поэтому, если я нажму Enter на домашней странице и достигну на этой странице таймер должен запускаться сам по себе ..., а когда таймер завершится, должно открыться другое окно с индексом 2.1. html Спасибо

Answer 1

Вместо того, чтобы оборачивать ваш JavaScript l oop функцией, которая должна вызываться при загрузке страницы, просто запустите JavaScript напрямую (без помещения в функцию), и страница запустит его, как только он читает / загружает его.

<p id="countdown">Countdown Beginning</p>

<script>
  var timeleft = 90;
  var downloadTimer = setInterval(function () {
    document.getElementById("countdown").innerHTML = `${timeleft} seconds left`;
    timeleft -= 1;
    if (timeleft <= 0) {
      clearInterval(downloadTimer);
      document.getElementById("countdown").innerHTML = "The time has ended!";
    }
  }, 1000);
</script>