jsp页面动态显示今天年月日+星期

最新推荐文章于 2023-03-18 11:52:34 发布

原创

最新推荐文章于 2023-03-18 11:52:34 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jsp #js #显示日期

本文介绍如何通过JavaScript在JSP页面上实时显示当天的年月日和星期。只需创建一个JS文件，将代码粘贴进去，即可实现动态更新日期的功能。

效果图：


jsp页面相应代码：
<html>

<head>
<script type="text/javascript" src="<%=request.getContextPath()%>/dtweb/JS/Clock.js"></script>
</head>

   <body>
    <div>
      <ul>
         <li style="background: none; padding-left: 0px;">欢迎光xx网！今天是:
             <span id="clock" style="color: red"></span>
             <script type="text/javascript">
                var clock = new Clock();
                clock.display(document.getElementById("clock"));
             </script>
         </li>
       </ul>
    </div>
   </body>
</html>

js代码（自己创建一个js类型的文件，然后拷贝过去即可）：

function Clock() {
    var date = new Date();
    this.year = date.getFullYear();
    this.month = date.getMonth() + 1;
    this.date = date.getDate();
    this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
    this.hour = date.getHours() < 10 ? "0" + date.getHours