高考倒计时代码html
时间: 2023-06-30 07:21:52 浏览: 56
以下是一个简单的高考倒计时的 HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>高考倒计时</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
font-size: 3em;
margin-top: 2em;
}
p {
font-size: 2em;
margin-top: 1em;
}
</style>
</head>
<body>
<h1>距离高考还有:</h1>
<p id="countdown"></p>
<script>
// 目标日期为 2022 年 6 月 7 日,也可以根据实际情况修改
var targetDate = new Date('2022-06-07T09:00:00+08:00');
var countdownElement = document.getElementById('countdown');
setInterval(function() {
var now = new Date();
var diff = targetDate.getTime() - now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((diff % (1000 * 60)) / 1000);
countdownElement.innerHTML = days + '天' + hours + '小时' + minutes + '分' + seconds + '秒';
}, 1000);
</script>
</body>
</html>
```
这段代码会在页面上显示一个标题和一个空的段落,JavaScript 代码会每秒钟更新一次段落中的内容,显示距离目标日期还有多少天、小时、分钟和秒数。你可以根据需要修改样式和目标日期。