js 动态时间

最新推荐文章于 2022-04-17 11:55:35 发布

阅读量1.9k

点赞数 1

分类专栏： JavaScript C# WPF Web开发文章标签： function date html

本文链接：https://blog.csdn.net/mukunping/article/details/7095415

版权

C# 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

JavaScript

5 篇文章 0 订阅

订阅专栏

WPF

5 篇文章 0 订阅

订阅专栏

效果如图：

页面HTML body中间放一个: <span id="gettime"></span> 
复制下面JS到页面：
<script type="text/javascript">
    function ShowTime() {
        var str = "";
        var time = new Date();
        var temp = time.toLocaleString();
        var day = time.getDay();
        switch (day) {
            case 1:
                str = "星期一";
                break;
            case 2:
                str = "星期二";
                break;
            case 3:
                str = "星期三";
                break;
            case 4:
                str = "星期四";
                break;
            case 5:
                str = "星期五";
                break;
            case 6:
                str = "星期六";
                break;
            case 0:
                str = "星期天";
                break;
        }

        document.getElementById("gettime").innerHTML = temp + "   " + str;
        setTimeout(ShowTime, 1000);
    }
    onload = ShowTime;
</script>