HTML实现页面计时

起因

在网上看到有些网站页尾部分有显示网站存活时间,如下
在这里插入图片描述
这是我自己写完后的截图,它会从网站部署之后开始计时,直至重启服务器后才会重置
需要使用ajax去后端读取写死的当前时间,不然每次刷新页面就会重置时间

代码


<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
head>
<body>
	<div>
		<b> 
			本站已存活:
			<span id="year">span><span id="day">span><span id="hour">span><span id="minute">span><span id="second">span>b>
	div>
	<script>
		var StarTime = 0;
		function getTime(){
			var jsonData = {
					"id" : 1
				};
			$.ajax({
				type : "POST",
				contentType : "application/json",
				url : "/time",
				data : JSON.stringify(jsonData),
				dataType : "json",
				processData : false,
				success : function(parm) {
					StarTime = parm.message;
				},
			});
		}
		getTime();
		setInterval(function() {
			NotRetain();
		}, 500)
		function NotRetain() {
			//不保留小数点
			var NowTime = parseInt(new Date().getTime() );
			//秒
			var time = parseInt((NowTime - StarTime) / 1000)
			var second = parseInt(time%60);
			var minute = parseInt((time/60)%60);
			var hour = parseInt((time/(60*60))%24);
			var day = parseInt((time/(60*60*24))%365);
			var year = parseInt(day/365);
			
			document.getElementById("second").innerHTML = second;
			//分
			document.getElementById("minute").innerHTML = minute;
			//时
			document.getElementById("hour").innerHTML = hour;
			//天
			document.getElementById("day").innerHTML = day;
			//年
			document.getElementById("year").innerHTML = year;
		}
	script>
body>
html>

总结

在网上随便找了下没有找到合适的代码,就自己操刀写了一份,贴出来做个备份,同时也分享下,也许可以帮助到一些人

你可能感兴趣的:(Java的BUG集)