HTML获取当前时间年月日时分秒等相关信息

曾经终败给现在 2021-09-16 14:28 593阅读 0赞

### HTML获取当前时间年月日时分秒等相关信息 ###

**【方式一】获取整段时间**

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function date() {
                var date=Date();
                alert(date);
            }
        </script>
    </head>
    <body>
    <p><input type="button" value="北京时间" id="time" onclick="date()"></p>
    </body>
    </html>

**输出样例：**

![70][]

**【方式二】分别获取年月日时分秒等**

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <p><input type="button" value="当前时间" onclick="date()"></p>
    <script>
        function date() {
            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() : date.getHours();
            this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
            this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
            var currentTime1 = this.year + "年" + this.month + "月" + this.date + "日 "
            +this.day
            +this.hour+"时"+this.minute+"分"+this.second;
            alert(currentTime1);
        }
    </script>
    </body>
    </html>

**输出样例：**

![70 1][]

[70]: /images/20210811/3cbd3cce735a4e0980f8242f3d37dfa4.png
[70 1]: /images/20210811/2ea8f81743634f6a8ed78477895c4835.png