基于JavaScript实现数码时钟效果

前端之家收集整理的这篇文章主要介绍了基于JavaScript实现数码时钟效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了js实现数码时钟效果展示的具体代码,供大家参考,具体内容如下

  • 通过建立toDBl函数将小于10的时间前面补上“0”使得时钟正常运行。
  • 通过for循环将数组中的每一项都赋值给img元素相对应的上面,str.charAt(i)通过i递增将str的每个数字输入到src中。
  • 通过封装函数tick,并调用了一次,使得网页在刷新时不会出现图片变化。
  • 通过getHours,getMinutes,getSeconds来获取当前时间的数值。并将其通过toDbl函数+‘ '(一个空的字符串),将数字转化为字符串,并将这些字符串添加到str中。

代码

<Meta charset="UTF-8"> 数码时钟2