javascript - 选项卡打开后，倒计时开始

Question

这是一个 WordPress 插件。当我单击私有(private) protected 链接时，它会打开一个新的私有(private)页面。当该页面上的时间结束时，目标将重定向到该 URL。

我在这里遇到的问题是，当新选项卡打开时，计时器就会启动。我希望当用户打开该选项卡时开始倒计时。

当您切换到新打开的选项卡时，让计时器开始计时。下面是我使用的计时器的代码。

我的问题是倒计时在新选项卡中打开后立即开始。我希望在用户单击该选项卡后开始倒计时。

        $( document ).ready(function() {
          myFunction();
        });

        var myVar;

        function myFunction() {
          myVar = setInterval(start, 1000);
        }

        function myStopFunction() {
          clearTimeout(myVar);
        }

        document.addEventListener("visibilitychange", function() {
            if (document.hidden){
              document.title = "Countdown stopped!";
              myStopFunction();
              document.getElementById("infos").textContent = ""+count+". Saniye içinde sayfayı terk ettiniz. Geri sayım devam ediyor.";
              
            } else {
              document.title = "Starting countdown..";
              myFunction();
            }

        });

        var count = <?php echo $getTimeDecode; ?>;
        function start(){
          var countdown = document.getElementById("numbers").textContent = --count;
          if(countdown === 0){
            window.location = "<?php echo $getURLDecode; ?>";
          }
        }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>

Answer 1

简单。只是不要在文档准备好时调用 myFunction() 。

$( document ).ready(function() {
    myFunction();
});

一旦 DOM 准备好，这将触发 myFunction()。 https://learn.jquery.com/using-jquery-core/document-ready/