生成一个网页:以红色数码管显示系统时间
时间: 2024-02-06 12:52:04 浏览: 18
<!DOCTYPE html>
<html>
<head>
<title>红色数码管显示系统时间</title>
<style>
body {
background-color: black;
color: red;
font-size: 150px;
text-align: center;
margin-top: 200px;
font-family: monospace;
}
</style>
</head>
<body>
<script>
function displayTime() {
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
hours = (hours < 10 ? "0" : "") + hours;
minutes = (minutes < 10 ? "0" : "") + minutes;
seconds = (seconds < 10 ? "0" : "") + seconds;
var time = hours + ":" + minutes + ":" + seconds;
document.body.innerHTML = time;
setTimeout(displayTime, 1000);
}
displayTime();
</script>
</body>
</html>