JavaScript的时钟小程序

最新推荐文章于 2022-06-27 11:45:05 发布

starjuly

最新推荐文章于 2022-06-27 11:45:05 发布

阅读量515

点赞数

分类专栏： JavaWeb 文章标签： html java web javascript 初学Html 编程

本文链接：https://blog.csdn.net/starjuly/article/details/51885221

版权

JavaWeb 专栏收录该内容

83 篇文章 0 订阅

订阅专栏

效果如下图所示（每一秒刷新一次）：

详细代码如下：

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript的时钟小程序</title>
	<script type="text/javascript">
	
		function showDate(){
			//获取系统时间
			var date = new Date();
			//获取年月日时分秒
			var str = date.getFullYear() + "年" + (date.getMonth()+1) + "月"
							+date.getDate() +"日  " + date.getHours() + ":"
							+date.getMinutes() + ":" +date.getSeconds();
			document.getElementById("mydate").innerHTML =str;	//将str赋值给span标签
			
		}
		setInterval("showDate()", 1000);		//设置每1000毫秒刷新一次
		
	</script>

  </head>
  
  <body οnlοad="showDate()">
  	<span id="mydate"></span>
  
  </body>
</html>