如何用前端（webstorm）写一个电子时钟

最新推荐文章于 2025-05-05 14:17:38 发布

大博bs

最新推荐文章于 2025-05-05 14:17:38 发布

阅读量821

点赞数 1

分类专栏：前端的小应用文章标签： html5 前端

本文链接：https://blog.youkuaiyun.com/m0_52563687/article/details/111312460

版权

前端的小应用专栏收录该内容

1 篇文章

订阅专栏

其实主要是对一些方法的使用和算法的应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    #clock{
        text-align: center;
        background-color: #333333;
    }
    </style>
</head>
<body>
<div id="clock"></div>
<script>
 const div = document.getElementById("clock");
 aa();
 function aa(){
     const data = new Date();
     let t = "";
     t += data.getFullYear()+"年";
     t += data.getMonth()+"月";
     t += data.getDate()+"日";
     t += "星期"+data.getDay();
     t += " "+data.getHours();
     t += ":"+data.getMinutes();
     t += ":"+data.getSeconds();
     t += " "+("00"+data.getMilliseconds()).slice(-3);
     div.innerHTML = t;
     setTimeout(aa,10)
 }
</script>
</body>
</html>