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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chenwewei/article/details/51406245

感觉真的好神奇,显示当前系统时间,并自动更新,这里需要注意一点,<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>


展开阅读全文

没有更多推荐了,返回首页