管理系统 VUE+ElementUI （1）菜单栏时间显示小部件

最新推荐文章于 2024-05-07 10:14:10 发布

傻傻的小乐

最新推荐文章于 2024-05-07 10:14:10 发布

阅读量499

点赞数

本文链接：https://blog.csdn.net/smile__________/article/details/105575418

版权

导航栏小部件：显示时间

在head标签中，粘贴如下标签即可，不需要引入任何连接

<script type="text/javascript">
        function showTime(){
            nowtime=new Date();
            year=nowtime.getFullYear();
            month=nowtime.getMonth()+1;
            date=nowtime.getDate();
            document.getElementById("mytime").innerText=year+"年"+month+"月"+date+"日"+nowtime.toLocaleTimeString();
        }
        setInterval("showTime()",1000);
</script>

在body中输入如下代码，即可

<body>
    <div style="height: 30px; width: 1520px; background-color: #c2e7b0">
        <div style="float: right; padding-right: 20px">
            <span id="mytime"></span>
        </div>
    </div>
</body>

显示效果如下所示