通过定时器和标签的innerHTML属性实现简单网络时钟

我丢，这么帅气！

于 2020-09-01 11:26:48 发布

阅读量519

点赞数

文章标签： javascript java

本文链接：https://blog.youkuaiyun.com/qq_36725221/article/details/108337463

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网络时钟</title>
		<script>
			//获取当前系统时间
			function getTime(){
				var date = new Date(); //创建日期对象
				//返回当前日期的特定格式
				return  date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+"&nbsp;&nbsp;&nbsp"+
				date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
			}
			//给span标签设置拼接好的日期字符串
			function setTime(){
				//dom获取span'对象'
				var span = document.getElementById("span_date");
				//通过标签属性InnerHTML替换span中的内容
				span.innerHTML = getTime();
			}
			//定时器，重复执行setTime方法
			window.setInterval("setTime()",1000);
		</script>
	</head>
	<body>
		<p2>当前系统时间:</p2>
		<span id="span_date">2020</span>
	</body>
</html>