用js帮我写一个2024年高考倒计时
时间: 2024-04-09 12:31:14 浏览: 16
以下是一个使用 JavaScript 编写的 2024 年高考倒计时的例子:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2024年高考倒计时</title>
<style>
#countdown {
font-size: 24px;
text-align: center;
margin-top: 100px;
}
</style>
</head>
<body>
<div id="countdown"></div>
<script>
// 目标日期为 2024 年 6 月 7 日
var targetDate = new Date("2024-06-07");
function updateCountdown() {
// 获取当前日期和时间
var currentDate = new Date();
// 计算剩余时间(单位为毫秒)
var remainingTime = targetDate - currentDate;
// 将剩余时间转换为天、小时、分钟和秒
var days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
// 更新页面上的倒计时显示
document.getElementById("countdown").innerHTML = "距离 2024 年高考还有:" + days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒";
// 每秒钟更新一次倒计时
setTimeout(updateCountdown, 1000);
}
// 第一次调用更新倒计时函数
updateCountdown();
</script>
</body>
</html>
```
这段代码会在网页上显示一个距离 2024 年高考的倒计时,以天、小时、分钟和秒的形式展示。你可以将代码保存为一个 HTML 文件,然后在浏览器中打开该文件,就可以看到倒计时效果。