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

最新推荐文章于 2024-06-12 09:51:34 发布

The_Best_Hacker

最新推荐文章于 2024-06-12 09:51:34 发布

阅读量1.2w

点赞数 4

分类专栏： javaWeb阶段文章标签： HTML 当前时间 js

本文链接：https://blog.csdn.net/The_Best_Hacker/article/details/82990184

版权

javaWeb阶段专栏收录该内容

55 篇文章 18 订阅

订阅专栏

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>

输出样例：

The_Best_Hacker

关注

4
点赞
踩
34

收藏

觉得还不错? 一键收藏
0
评论
HTML获取当前时间年月日时分秒等相关信息

HTML获取当前时间年月日时分秒等相关信息【方式一】获取整段时间&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script&
复制链接

扫一扫

专栏目录