获取时间（基础）

最新推荐文章于 2023-08-02 23:35:22 发布

web扶风仁

最新推荐文章于 2023-08-02 23:35:22 发布

阅读量121

点赞数

分类专栏： HTML 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_55345305/article/details/114739490

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

``页面电子时钟
```javascript
<!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>
    <style>
        h1 {
            margin: 300px 600px;
        }
    </style>
</head>

<body>
    <h1>2019年5月1日星期三11:44:11</h1>
</body>

</html>
<script>
    var h1 = document.getElementsByTagName("h1")[0];
    nowTime();
    function nowTime() {
        var time = new Date();  
        var year = time.getFullYear();     // 获取年
        var month = time.getMonth() + 1;   // 获取月 返回的是0-11 所以要加1
        var day = time.getDate();          // 获取日
        var arr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
        var week = time.getDay();          // 返回值 从0 开始  0-6
        var hour = time.getHours();        // 获取时
        var middle = time.getMinutes();    // 获取分
        var second = time.getSeconds();    // 获取秒
        h1.innerHTML = year + '年 ' + bh(month) + '月 ' + bh(day) + '日 ' + arr[week] + bh(hour) + '时 ' + bh(middle) +
            '分 ' + bh(second) + '秒';     // 在页面指定的标签上体验出来
    };
    function bh(a) {
        a = a < 10 ? '0' + a : a;     // 判断时间是否大于10 
        return a
    }
    setInterval(nowTime, 1000)
</script>

web扶风仁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取时间（基础）

``页面电子时钟```javascript<!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"&
复制链接

扫一扫