用html写一个网站已经运行时间

可以使用JavaScript来计算网站已经运行的时间,然后将结果显示在网页上。

以下是一个简单的HTML代码示例,它使用JavaScript来计算网站已经运行的时间,并将结果显示在网页上:

<!DOCTYPE html>
<html>
<head>
	<title>网站已运行时间</title>
	<script type="text/javascript">
		// 计算网站已经运行的时间
		function calculateTime() {
			var startDate = new Date('2021-01-01'); // 网站启动时间
			var currentDate = new Date(); // 当前时间
			var diff = currentDate.getTime() - startDate.getTime(); // 计算时间差
			var days = Math.floor(diff / (1000 * 60 * 60 * 24)); // 计算天数
			var hours = Math.floor(diff / (1000 * 60 * 60)) % 24; // 计算小时数
			var minutes = Math.floor(diff / (1000 * 60)) % 60; // 计算分钟数
			var seconds = Math.floor(diff / 1000) % 60; // 计算秒数
			return days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒";
		}

		// 在网页上显示已经运行的时间
		function showTime() {
			var timeDiv = document.getElementById("timeDiv");
			timeDiv.innerHTML = calculateTime();
		}

		// 每秒更新一次已经运行的时间
		setInterval(showTime, 1000);
	</script>
</head>
<body>
	<h1>网站已运行时间</h1>
	<p>网站已经运行:</p>
	<div id="timeDiv"></div>
</body>
</html>

在这个示例中,我们定义了一个calculateTime函数来计算网站已经运行的时间,并返回一个字符串,表示已经运行的时间。我们还定义了一个showTime函数,它会将已经运行的时间显示在网页上。最后,我们使用setInterval函数每秒钟更新一次已经运行的时间。

你可以将这段代码复制到一个HTML文件中,保存并在浏览器中打开,即可看到网站已经运行的时间。需要注意的是,启动时间需要手动设置,这里设置为2021年1月1日,可以根据实际情况进行修改。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容