HTML获取当前页面的系统时间和星期几

最新推荐文章于 2023-07-13 14:37:56 发布

灰原_哀

最新推荐文章于 2023-07-13 14:37:56 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：时间获取时间

本文链接：https://blog.youkuaiyun.com/Jennifer4869/article/details/79152541

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在HTML页面中利用JavaScript获取当前的系统时间和星期，并将其显示在页面的特定位置，如顶部的<span id='clock'></span>和底部的<span id='footyear'></span>元素上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取当前时间并显示在页面上，顶部span的id为clock，底部span的id为footyear

<span id="clock"><span>  <!--顶部span的id为clock-->

<div class="footer_copyright">
 Copyright © 2015 - <span id="footyear"></span> Topinland. All Rights Reserved.<em>青岛天品网络科技有限公司 版权所有</em>                  <!--底部span的id为footyear-->
</div>

<script type="text/javascript">
  function clock(){
  var time=new Date();
  var week;
  switch (time.getDay()){            <!--time.getDay()获取后显示1~7阿拉伯数字-->
    case 1: week="星期一"; break;
    case 2: week="星期二"; break;
    case 3: week="星期三"; break;
    case 4: week="星期四"; break;
    case 5: week="星期五"; break;
    case 6: week="星期六"; break;
    default: week="星期天";
  }
	var year=time.getFullYear();
	var month=time.getMonth();
	var date=time.getDate();
        document.getElementById("clock").innerHTML = "今天是："+year+"年"+(month+1)+"月"+date+"日  "+week;
	document.getElementById("footyear").innerHTML = year;
  }
  setInterval(clock,1000);     <!--每隔1秒显示一次-->
</script>