JavaScripth获取当前时间

最新推荐文章于 2022-11-03 16:24:21 发布

不及你笑靥如花

最新推荐文章于 2022-11-03 16:24:21 发布

阅读量104

点赞数

分类专栏：前端javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_43775721/article/details/114979004

版权

前端javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!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>当前时间</title>
</head>

<body>
    <div class="timeBox">
        现在时间为：
        <span></span>
    </div>
    <script>
        let timeBox = document.querySelector(".timeBox span");
        dayArr = ["日", "一", "二", "三", "四", "五", "六"]

        function datafn() {
            let data = new Date();
            YY = data.getFullYear();
            MM = data.getMonth() + 1;
            day = data.getDay();
            DD = addZero(data.getDate());
            hh = addZero(data.getHours());
            mm = addZero(data.getMinutes());
            ss = addZero(data.getSeconds());
            timeBox.innerHTML = `${YY}年${MM}月${DD}日星期${dayArr[day]}：${hh}时${mm}时${ss}秒`;
        }

        datafn();
        setInterval(datafn, 1000);

        function addZero(n) {
            return n < 10 ? "0" + n : n + " ";
        }
    </script>
</body>

</html>

不及你笑靥如花

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScripth获取当前时间

<!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>当前
复制链接

扫一扫