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

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>

输出样例:

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

<!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>

输出样例:

猜你喜欢

转载自blog.csdn.net/The_Best_Hacker/article/details/82990184