网站运行时间代码 - HTML & JavaScript 实现
以下是一个简单的 HTML 代码示例,用于显示网站运行时间:
<!DOCTYPE html>
<html>
<head>
<title>网站运行时间</title>
<meta http-equiv='refresh' content='60'>
<style>
body {
font-size: 20px;
text-align: center;
}
</style>
</head>
<body>
<h1>网站运行时间</h1>
<p>本站已运行:<span id='runtime'></span></p>
<script>
var startTime = new Date('2020-01-01T00:00:00Z'); // 设置网站启动时间
var runtime = document.getElementById('runtime');
setInterval(function() {
var now = new Date();
var diff = now - startTime;
var days = Math.floor(diff / (24 * 60 * 60 * 1000));
var hours = Math.floor((diff / (60 * 60 * 1000)) % 24);
var minutes = Math.floor((diff / (60 * 1000)) % 60);
var seconds = Math.floor((diff / 1000) % 60);
runtime.innerHTML = days + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒';
}, 1000); // 每秒更新一次运行时间
</script>
</body>
</html>
该代码使用 JavaScript 计算自网站启动以来经过的时间,并在页面中显示。它还使用 HTML 的 meta 标签设置每分钟刷新一次页面,以确保运行时间保持最新。
原文地址: https://www.cveoy.top/t/topic/mOZK 著作权归作者所有。请勿转载和采集!