Javascript 如何为多个元素制作倒计时时钟？

下面是我的php代码，它连接到我的数据库并收集信息，echo将其作为html表输出。但唯一的问题是所有的倒计时时钟都倒计时到一个日期。请帮帮我，让每个时钟倒数到一个毕业日期

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "graduation";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT id, name, date, status FROM student";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
echo "<table><tr><th>ID</th><th>Name</th><th>Date of Graduation</th><th>Count-Down-Clock</th></tr>";
// output data of each row
while($row = $result->fetch_assoc()) {
    echo "<tr><td>".$row["id"]."</td><td>".$row["name"]."</td><td>".$row["date"]."</td><th><p class='demo'></p></th></tr>";
}
echo "</table>";
} else {
echo "0 results";
}
$conn->close();
?>

---

问题：


var countDownDate=新日期（“2018年9月5日15:37:25”）.getTime（）是硬编码的

相同的HTML结果文本用于所有
.demo
元素

解决方案：

在您有
“$row[“date”]”的代码中。
改为放置：

<td>
    <div data-date='". $row["date"] ."'></div>
</td>


约翰
彼得
编辑问题，使其包含a）最终的表格HTML，而不是完全无关的PHP和b）正确格式的JavaScript代码。您应该向p标记添加一个数据属性，并将日期作为数据库中的值。然后在java脚本上，你必须用演示类循环所有的el-elm，并获得数据的ADT值，将其视为倒计时日期和子。这就是如何为所有行设置diff倒数。@ChrisG javascript代码的正确格式。我如何将我的php代码转换成html，因为它只是拒绝让我上传一个pic@ChazzPrincetona）您可以完全上传图像b）永远不要将代码作为图像发布c）在浏览器中查看表格，按Ctrl+U以查看源代码。复制粘贴到您的问题上。您的上一个帐户发生了什么？今天早上醒来，试图在我的主要个人资料上问这个问题，但不幸的是，我被告知要等四天。所以我向我的朋友注册了chazzitup@live通过电子邮件尝试完成此操作。我现在不知道为什么javascript有点复杂。我觉得php是有限的@ChazzPrinceton php，而不是有限的，它运行在服务器端-如果你想在客户端动态更新一些东西，这里是JS。你解释我错误的方式。这使它非常容易理解。我真的需要重新开始我的javascript基础知识，使html页面更具动态性和吸引力。非常感谢你。为了更好地学习JavaScript，你应该有一个强大的C语言基础——家长language@ChiragJain只需要很好地理解JavaScript的基础知识（不需要其他语言）
<td>
    <div data-date='". $row["date"] ."'></div>
</td>