首页IT科技js实现一个电子时钟(使用JavaScript制作一个页面的电子时钟)

js实现一个电子时钟(使用JavaScript制作一个页面的电子时钟)

时间2025-05-04 19:32:51分类IT科技浏览3027
导读: 题目:做一个电子时钟,显示当前的年月日,时分秒,要求自动变化。...

  题目:做一个电子时钟            ,显示当前的年月日                  ,时分秒      ,要求自动变化            。

  案例分析:

    1.使用一个div盒子来展示时钟的内容;

    2.将盒子在JavaScrip里面获取div盒子;

    3.我们需要一个定时器setInterval每隔一秒使时钟变化一次;

    4.利用时间函数Date()获取系统时间            ,并分别获取年月日                  ,时分秒;

    5.当获取过来的数小于10      ,利用三元运算符字符串拼接的方式让它显示成 2022年05月01日 00:00:00的样子

    6.利用innerHTML将获得结果写进div盒子里面                  。

  要注意的是:getMonth()返回的月份比当前月份小一个月      ,因此我们需要在后边加一      。

  代码:

  运行结果:

声明:本站所有文章                  ,如无特殊说明或标注            ,均为本站原创发布            。任何个人或组织      ,在未征得本站同意时                  ,禁止复制            、盗用                  、采集      、发布本站内容到任何网站            、书籍等各类媒体平台                  。如若本站内容侵犯了原著者的合法权益            ,可联系我们进行处理      。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
华硕p8z77升级bios(华硕P8H61主板升级BIOS图文教程) bios如何更改硬盘模式(bios怎么更改硬盘模式?bios修改硬盘模式图文教程)