前端页面显示日期,星期(中英文),时间

2022-01-17 14:04:40 阅读：172 来源： 互联网

标签：case 中英文 seconds 前端 myDate break let str 页面

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="show-time"></div>
    <div id="show-week"></div>
    <div id="show-week-cn"></div>
    <div id="show-date"></div>

</body>

</html>

<script type="text/javascript">
    getTime()
    setInterval("getTime();", 1000); //每隔一秒执行一次 

    //取得系统当前时间 
    function getTime() {
        let myDate = new Date();
        let date = myDate.toLocaleDateString();
        let hours = myDate.getHours();
        let minutes = myDate.getMinutes();
        let seconds = myDate.getSeconds();
        if (hours < 10) {
            hours = "0" + hours;
        }
        if (minutes < 10) {
            minutes = "0" + minutes;
        }
        if (seconds < 10) {
            seconds = "0" + seconds;
        }
        let str = hours + ":" + minutes + ":" + seconds;
        document.getElementById("show-time").innerHTML = str; //将值赋给div 

    }

    // 当前周几
    getWeek();

    function getWeek() {
        let str = "";
        let d = new Date();
        switch (d.getDay()) {
            case 0:
                str = str + "Sun.";
                break;
            case 1:
                str = str + "Mon.";
                break;
            case 2:
                str = str + "Tue.";
                break;
            case 3:
                str = str + "Wed.";
                break;
            case 4:
                str = str + "Thu.";
                break;
            case 5:
                str = str + "Fri.";
                break;
            case 6:
                str = str + "Sat.";
                break;
        }
        document.getElementById("show-week").innerHTML = str; //将值赋给div 
    }
    // 当前周几 中文
    getWeekCn();

    function getWeekCn() {
        let str = "";
        let d = new Date();
        switch (d.getDay()) {
            case 0:
                str = str + "星期天";
                break;
            case 1:
                str = str + "星期一";
                break;
            case 2:
                str = str + "星期二";
                break;
            case 3:
                str = str + "星期三";
                break;
            case 4:
                str = str + "星期四";
                break;
            case 5:
                str = str + "星期五";
                break;
            case 6:
                str = str + "星期五";
                break;
        }
        document.getElementById("show-week-cn").innerHTML = str; //将值赋给div 
    }

    // 获取当前日期
    getNowFormatDate();

    function getNowFormatDate() {
        let date = new Date();
        let seperator1 = "-";
        let seperator2 = "-";
        let seperator3 = "";
        let year = date.getFullYear();
        let month = date.getMonth() + 1;
        let strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        let str = year + seperator1 + month + seperator2 + strDate + seperator3;
        document.getElementById("show-date").innerHTML = str; //将值赋给div 
    }
</script>

标签：case,中英文,seconds,前端,myDate,break,let,str,页面
来源： https://blog.csdn.net/qq_24130591/article/details/122538479

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

前端页面显示日期,星期(中英文),时间