使用date对象显示系统当前时间并自动更新

最新推荐文章于 2022-06-13 12:05:55 发布

魏小魏

最新推荐文章于 2022-06-13 12:05:55 发布

阅读量3.4k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/chenwewei/article/details/51406245

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

感觉真的好神奇，显示当前系统时间，并自动更新，这里需要注意一点，<script></script>标签要写在<body></body>之后，无法获取当前时间

代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取当前系统时间</title>
</head>

<body>
    当前系统时间：<span id="time"></span>
</body>
<script type="text/javascript">
      function showDate()
	  {
		  //获取系统时间
		  var date = new Date();
		  //获取当前年月日，时分秒
		  var str =  date.getFullYear() + "年 " +
		   (date.getMonth() + 1) + "月 " + 
		    date.getDate() + "日 " + "星期" + 
		    date.getDay() + " " + date.getHours() +"时 " +
		    date.getMinutes() + "分 " +  
		    date.getSeconds() + "秒 "
			//将格式化好的时间显示在叶面的span标签体中
			var span = document.getElementById("time");
			//插入span标签中内容
			span.innerHTML = str.fontcolor("red");
			//setTimeout(代码, 毫秒数)  经过指定毫秒值后执行指定的代码（只执行一次）
			window.setTimeout("showDate()",1000);
			
	  }
	  
	  showDate();
</script>
</html>