我作为一个初学者正在创建一个倒计时项目，这是我的代码：
const newYears = '1 Jan 2021';
function countdown() {
const newYearsDate = new Date(newYears);
const currentDate = new Date();
const seconds = (newYearsDate - currentDate) / 1000;
console.log(newYearsDate - currentDate);
}
// initial call
countdown();
setInterval(countdown, 1000);
上面是没有出现在我的实时服务器控制台中的console.log。
这是我的html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Countdown Timer</title>
<link rel="stylesheet" href="style.css"/>
<script scr="script.js" defer></script>
</head>
<body>
<h1>New Years Eve</h1>
<div class="countdown-container">
<div class="countdown-el days-c">
<p class="big-text" id="days">0</p>
<span>days</span>
</div>
<div class="countdown-el hours-c">
<p class="big-text" id="hours">0</p>
<span>hours</span>
</div>
<div class="countdown-el minutes-c">
<p class="big-text" id="minutes">0</p>
<span>minutes</span>
</div>
<div class="countdown-el seconds-c">
<p class="big-text" id="seconds">0</p>
<span>seconds</span>
</div>
</div>
</div>
</body>
</html>
我相信有一个简单的解决方案。
您在script标记中拼写了错误的source。
以下是您所写的内容：
<script scr="script.js" defer></script>
应该写为
<script src="script.js" defer></script>
正如您所看到的，source属性拼写错误。因此脚本不会被导入，也不会运行。