document.getElementById 与 php 和 javascript

Question

我用计时器编码卡，我有我的数据库，这可以保存时间和日期。 我现在的问题是打印计时器

这段代码在每个带有 $row[0] 的字段上都有“演示”，将在屏幕上显示一个计时器，但我需要一次 foreach 卡片，我不知道如何做到这一点，我非常咨询简单 $row[0]= ID, $row[1]= 序列号, $row[2]= street, $row[3]=year, $row[4]=month, $row[5]=day, $row[6]=小时，$row[7]=分钟，$row[8]=秒

<?php
$date = $row[3] . "-" . $row[4] . "-" . $row[5];
              $time = $row[6] . ":" . $row[7] . "-" . $row[8];
              echo $date . " " . $time;
              $date_today = $date . ' ' . $time;
              ?>
              <script type="text/javascript">
                  var count_id = "<?php echo $date_today; ?>";
                  var countDownDate = new Date(count_id).getTime();

                  var x = setInterval(function(){
                  var now = new Date().getTime();
                  var distance = countDownDate - now;

                  var hours = Math.floor((distance%(1000*60*60*24))/(1000*60*60));
                  var minutes = Math.floor((distance%(1000*60*60))/(1000*60));
                  var seconds = Math.floor((distance%(1000*60))/1000);
                  
                  document.getElementById(<?php $row[0] ?>).innerHTML = hours + "h " + minutes + "m " + seconds + "s ";

                  if(distance<0){
                      clearInterval(x);
                      document.getElementById(<?php $row[0] ?>).innerHTML="COMPLETO"
                  }
                  },1000);
                  </script>
                  <?php
                  echo '<p id="$row[0]" style="font-size:18px;"></p>'
                  ?>

我很确定我的问题出在 document.getELementById

我忘了告诉我我在 PHP/apache2 上做这一切

Answer 1

我拿了代码并像@Gardener sugest一样修改

$date = $row[3] . "-" . $row[4] . "-" . $row[5];
              $time = $row[6] . ":" . $row[7] . "-" . $row[8];
              echo $date . " " . $time;
              $date_today = $date . ' ' . $time;
              ?>
              <script type="text/javascript">
                  var count_id = "<?php echo $date_today; ?>";
                  var countDownDate = new Date(count_id).getTime();

                  var x = setInterval(function(){
                  var now = new Date().getTime();
                  var distance = countDownDate - now;

                  var hours = Math.floor((distance%(1000*60*60*24))/(1000*60*60));
                  var minutes = Math.floor((distance%(1000*60*60))/(1000*60));
                  var seconds = Math.floor((distance%(1000*60))/1000);
                  
                  document.getElementById('<?= $row[0]; ?>').innerHTML = hours + "h " + minutes + "m " + seconds + "s ";

                  if(distance<0){
                      clearInterval(x);
                      document.getElementById('<?= $row[0]; ?>').innerHTML="COMPLETO"
                  }
                  },1000);
                  </script>
                  <?php
                  echo '<p id="' . $row[0] . '" style="font-size:18px;"></p>'
                  ?>
            </div>
            <div class="card-body">
              <p class="card-text"><?php echo $row[1]; ?></p>
              <p class="card-text"><?php echo $row[2]; ?></p>  
            </div>