JavaScript实现12进制的时钟特效

云祁

于 2019-10-13 18:41:04 发布

阅读量5k

点赞数 5

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/BeiisBei/article/details/102536081

---- JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的12进制时钟特效，该时钟可以实时显示年、月、日、星期几以及上午（AM）和下午（PM）。通过简单的代码示例，读者可以了解如何在网页上创建一个动态更新的时钟。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求说明

制作显示年、月、日、星期几，并且显示上午（AM）和下午（PM）的十二进制的时钟

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>制作12进制的时钟特效</title>
</head>
<body onload="clock_12h()">
<h4 id="times"></h4>
<script>
    function clock_12h() {
        var today = new Date();
        var add = "";
        if(today.getHours()<12){
            add = "AM";
        }else {
            add = "PM";
        }
        document.getElementById("times").innerHTML=today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"\t"+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds()+"\t"+add+"\t"+"星期"+today.getDay();
   }
   setInterval("clock_12h()",1000);
</script>
</body>
</html>