jsp页面实现自动刷新的时钟

在jsp的显示页面做一个可以自动刷新的时钟，

就是把需要的数据都获取到之后进行拼接，拼接成你想要的格式就可以

<script type="text/javascript" src="${path }/js/jquery.1.7.js"></script>
//导入jQuery
    <script type="text/javascript">
    function time()
        {
        var time = new Date();
        
        var year = time.getFullYear();//年
        var month = time.getMonth();//月
        //（获取月份时会比正常的少1，可以在这里就加上，也可以在后面拼接的时候再加）
        var day = time.getDate();//日
        var hour = time.getHours();//时
        var minute = time.getMinutes();//分
        var second = time.getSeconds();//秒
        var week = time.getDay();//星期
        //time.getDay()可以得到0~6中的一天，对应周日至周六
        
        var weekday = new Array(7);
        weekday[0] = "周日";
        weekday[1] = "周一";
        weekday[2] = "周二";
        weekday[3] = "周三";
        weekday[4] = "周四";
        weekday[5] = "周五";
        weekday[6] = "周六";
        //可以使用判断if-else if-else或者switch-case这些来判断week的值
        //但是有些麻烦,既然数量是固定的，倒还不如用数组
        
        //如果月、日、时、秒少于10的话，在前面拼接个"0"
        if(month <= 9){
            month = "0" + month;
        }
        if(day <= 9){
            day = "0" + day;
        }
        if(minute <= 9){
            minute = "0" + minute;
        }
        if(second <= 9){
            second = "0" + second;
        }
        //对所有的数据按照需要的格式进行拼接
        var date = year+"年"+(month+1)+"月"+day+"日 &nbsp;"+weekday[week]+"&nbsp; "+hour+":"+minute+":"+second;
        $("#time").html(date);//把数据写到jsp页面
        window.setTimeout("time()",1000);//设置自动刷新时间间隔（1000毫秒后会自动刷新一次）
        }
        window.onload = time;//让页面加载完毕后自动开始执行函数
        </script>

最近没事重新写了一个通用的JS可供调用，不用每次都写这么多代码，调用一个方法即可，可以去看看https://blog.csdn.net/Gqiangqiang/article/details/104316779

这里提到的JS被我重新更改、添加之后，上传到了npm,如果你使用了npm，那么现在可以使用npm i freedate来下载JS