如何在javascript中使用服务器端倒数计时器？

Question

我目前正在 webview 上构建这个计时器，其中计时器将使用 javascript 自动更新，并且计时器将每秒递减。

当前的问题是，当用户让手机进入睡眠状态时，计时器不会相应地更新并且倒计时会有点关闭，因此我想通过服务器端更新计时器，而不是依赖会中断的功能如果用户让手机进入睡眠状态。这是我拥有的当前代码

<h2 id="timer"> 

   1:00

<h2>

<script>

   var countdown = new Date("<?php echo $row['end_timer'] ?>").getTime();

   var now = new Date("<?php echo date('Y-m-d H:i:s') ?>")

     var x = setInterval(function() {

         // Increase the distance by 1

         now.setSeconds(now.getSeconds() +                                           

         var distance = countdown - (now.getTime());

         var seconds = Math.floor((distance % (1000 * 60)) / 1000);

          document.getElementById("timer").innerHTML = (seconds < 10 ? '0' : '') + seconds;

          if (distance < 0) {

             clearInterval(x);

             document.getElementById("timer").innerHTML = "00";

             location.reload();

           }

     }, 1000);

</script>