这是我的第一个线程，所以我不确定我写在正确的部分等，但我有一个非常简单的问题，迫使我写在这里寻求帮助。我已经编写了一些代码来创建倒计时，显示到特定日期还剩多少时间。然而有些东西不起作用。我将添加我的 html 和 JS 代码，如果有人能找到缺陷，我将不胜感激。function countdown() { var now = new Date(); var eventDate = new Date(2020, 10, 10); var currentTime = now.getTime(); var eventTime = eventDate.getTime(); var remTime = eventTime - currentTime; var s = Math.floor(remTime / 1000); var m = Math.floor(s / 60); var h = Math.floor(m / 60); var d = Math.floor(h / 24); h %= 24; m %= 60; s %= 60; if (h < 10) { h = "0" + h; } if (m < 10) { m = "0" + m; } s = (s < 10) ? "0" + s : s; document.getElementById("days").textContent = d; document.getElementById("days").innerText = d; document.getElementById("hours").textContent = h; document.getElementById("minutes").textContent = m; document.getElementById("seconds").textContent = s; setTimeout(countdown, 1000);}<pre> <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="./css/reset.css"> <link rel="stylesheet" href="./css/font-awesome.min.css"> <link rel="stylesheet" href="./css/laikmatis.css"> <link rel="stylesheet" href="./css/main.css"> <title>Puslapis</title></head>
1 回答
米脂
TA贡献1836条经验 获得超3个赞
你忘了调用函数
countdown();
function countdown() {
var now = new Date();
var eventDate = new Date(2020, 10, 10);
var currentTime = now.getTime();
var eventTime = eventDate.getTime();
var remTime = eventTime - currentTime;
var s = Math.floor(remTime / 1000);
var m = Math.floor(s / 60);
var h = Math.floor(m / 60);
var d = Math.floor(h / 24);
h %= 24;
m %= 60;
s %= 60;
if (h < 10) {
h = "0" + h;
}
if (m < 10) {
m = "0" + m;
}
s = (s < 10) ? "0" + s : s;
document.getElementById("days").textContent = d;
document.getElementById("days").innerText = d;
document.getElementById("hours").textContent = h;
document.getElementById("minutes").textContent = m;
document.getElementById("seconds").textContent = s;
setTimeout(countdown, 1000);
}
countdown();
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link rel="stylesheet" href="./css/laikmatis.css">
<link rel="stylesheet" href="./css/main.css">
<title>Puslapis</title>
</head>
<body>
<section>
<main>
<h1 class="text1">rgrgrgrgrg</h1>
<h2 class="text2">rrgrfgrfgvrfgvrfgv</h2>
<span class="text1">dvbgtbrtfbrfb</span>
<table>
<div id="laikmatis">
<tr>
<td id="days">120</td>
<td id="hours">20</td>
<td id="minutes">20</td>
<td id="seconds">20</td>
</tr>
<tr>
<td>Days</td>
<td>Hours</td>
<td>Minutes</td>
<td>Seconds</td>
</tr>
</div>
</table>
<script src="./JS/laikmatis.js"></script>
<p class="text2">efefefefeeeeeeeeeeeeeeeeefefefe e fef efe fefefef ef ef efe fef ef ef efe ef ef ef ef </p>
</main>
</section>
</body>
</html>
添加回答
举报
0/150
提交
取消