简短的时间函数

最新推荐文章于 2024-10-15 09:57:04 发布

与妖为邻

最新推荐文章于 2024-10-15 09:57:04 发布

阅读量121

点赞数 3

文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/lulei5153/article/details/140408409

版权

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>时间</title>
</head>

<body>
    <time datetime="2021-08-10 12:00:00"></time>
    <div id="Time"></div>
    <div id="Time2"></div>
    <script>
        function showTime() {//显示当前时间
            var d = new Date();//创建Date对象
            var y = d.getFullYear();//获取当前日期的年份
            var m = d.getMonth() + 1;//获取当前日期的月份，注意月份是从0开始的，所以需要加1
            var W = "星期" + "日一二三四五六".charAt(new Date().getDay());//获取当前日期的星期几
            var D = d.getDate();//获取当前日期的日期（几号）
            var H = d.getHours();//获取当前日期的小时
            var M = d.getMinutes();//获取当前日期的分钟
            var S = d.getSeconds();//获取当前日期的秒
            m = m < 10 ? "0" + m : m;//月份个位补0
            D = D < 10 ? "0" + D : D;//日期个位补0
            H = H < 10 ? "0" + H : H;//时个位补0
            M = M < 10 ? "0" + M : M;//分钟个位补0
            S = S < 10 ? "0" + S : S;//秒个位补0
            const Time = document.getElementById("Time");
            Time.innerHTML = y + '年' + m + '月' + D + '日' + '(' + W + ')' + H + ':' + M + ':' + S;
        }
        showTime();
        setInterval(showTime, 1000); // 每隔1秒执行一次showTime函数   
    </script>
</body>
<script>
    var time = document.querySelector("time");
    //将datetime属性中的时间字符串转换为本地时间并显示在页面上
    time.textContent = new Date(time.getAttribute("datetime")).toLocaleString();
</script>
<script>
    function showTime() {// 定义函数显示时间
        const d = new Date();// 获取当前时间并格式化
        const y = d.getFullYear();// 获取年份
        // padStart(2, '0')表示如果字符串长度不足 2，则在前面填充 '0'
        const m = (d.getMonth() + 1).toString().padStart(2, '0');// 获取月份（0-11）
        const W = "星期" + "日一二三四五六".charAt(d.getDay());// 获取星期几
        const D = d.getDate().toString().padStart(2, '0');// 获取日期（1-31）
        const H = d.getHours().toString().padStart(2, '0');// 获取小时（0-23）
        const M = d.getMinutes().toString().padStart(2, '0');// 获取分钟（0-59）
        const S = d.getSeconds().toString().padStart(2, '0');// 获取秒（0-59）
        document.getElementById("Time2").innerHTML = `${y}年${m}月${D}日(${W})${H}:${M}:${S}`;// 显示时间
    }
    showTime();// 调用函数显示时间
    setInterval(showTime, 1000);// 每隔一秒调用一次函数显示时间
</script>
</html>