js实现一个电子时钟(使用JavaScript制作一个页面的电子时钟)
导读: 题目:做一个电子时钟,显示当前的年月日,时分秒,要求自动变化。...
题目:做一个电子时钟 ,显示当前的年月日 ,时分秒,要求自动变化 。
案例分析:
1.使用一个div盒子来展示时钟的内容;
2.将盒子在JavaScrip里面获取div盒子;
3.我们需要一个定时器setInterval每隔一秒使时钟变化一次;
4.利用时间函数Date()获取系统时间 ,并分别获取年月日 ,时分秒;
5.当获取过来的数小于10 ,利用三元运算符字符串拼接的方式让它显示成 2022年05月01日 00:00:00的样子
6.利用innerHTML将获得结果写进div盒子里面 。
要注意的是:getMonth()返回的月份比当前月份小一个月 ,因此我们需要在后边加一。
代码:
运行结果:
声明:本站所有文章 ,如无特殊说明或标注 ,均为本站原创发布 。任何个人或组织 ,在未征得本站同意时 ,禁止复制 、盗用 、采集、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ,可联系我们进行处理 。
创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!