JS练习之获取当前系统时间和星期，并写入当前页面

最新推荐文章于 2022-11-26 09:49:06 发布

「已注销」

最新推荐文章于 2022-11-26 09:49:06 发布

阅读量279

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.csdn.net/weixin_41855546/article/details/107722575

版权

JAVASCRIPT 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

获取当前系统时间
定义一个函数，实例化Date

function getDate(){
    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var dates = date.getDate();
    // console.log(date)
    var arr = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
    var day = date.getDay();
    return year + '年' + month + '月' + dates + '日' + day;
}

定义一个函数getDate，调用内置的类Date并实例化，使用以下方法分别获得年、月、日和星期
getFullYear 获取4位数字年
getYear 获取2两数字年
getMonth 获取月
getDate 获取日
getDay 获取星期 0为周日 1为周一，以此类推，可将其作为索引读取列表，返回中文的星期
getTime 获取时间戳
getHours 获取小时
getMinutes 获取分钟
getSeconds 获取秒
getMilliseconds 获取毫秒
toLocaleDateString 获取当前日期 2020/07/31
toLocaleTimeString 获取当前时间下午10:24:59
toLocaleString 获取当前时间与日期 2020/7/31 下午10:25:58

使用innerText写入当前页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">显示当前系统时间</button>
    <div>某个时间</div>
    <script>
        var btn = document.getElementById("btn")
        var div = document.querySelector("div")
        btn.onclick = function(){
            div.innerText = getDate();
        }

        function getDate(){
            // time = '2020';
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var dates = date.getDate();
            // console.log(date)
            var arr = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
            var day = date.getDay();
            return year + '年' + month + '月' + dates + '日' + day;
        }
    </script>
</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS练习之获取当前系统时间和星期，并写入当前页面

获取当前系统时间定义一个函数，实例化Datefunction getDate(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var dates = date.getDate(); // console.log(date) var arr = ['周日', '周一', '周二', '周三', '周四', '周五', '周六.
复制链接

扫一扫