javascript实现的数码时钟

最新推荐文章于 2024-07-20 23:54:17 发布

dyjmldhc

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量311

点赞数

分类专栏： html javascript

本文链接：https://blog.csdn.net/dyjmldhc/article/details/127465759

版权

javascript html

html 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

javascript

2 篇文章 0 订阅

订阅专栏

*注意每个分割图片和时间显示图片的位置

<!-- <script type="text/javascript">
       //给body添加οnlοad="clock()"
           function clock(){

//使用Date()函数分别获取目前时间并对获取的值进行判断

//判断完成后拼接字符串

//选取相应的图片完成最终效果
               var time=new Date();
               var hour=time.getHours();
               var minute=time.getMinutes();
               var second=time.getSeconds();
               hour=hour>10?hour:("0"+hour);
               minute=minute>10?minute:("0"+minute);
               second=second>10?second:("0"+second);
               var hou=new String(hour);
               var n11=hou.substr(0,1);
               var n12=hou.substr(1,1);
               var minu=new String(hour);
               var n31=minu.substr(0,1);
               var n42=minu.substr(1,1);
               var sec=new String(hour);
               var n51=sec.substr(0,1);
               var n62=sec.substr(1,1);
               document.images[0].src="img/s/C2-"+n11+".jpg";
               document.images[1].src="img/s/C2-"+n21+".jpg";
               document.images[3].src="img/s/C2-"+n31+".jpg";
               document.images[4].src="img/s/C2-"+n41+".jpg";
               document.images[6].src="img/s/C2-"+n51+".jpg";
               document.images[7].src="img/s/C2-"+n61+".jpg";
               setTimeout("clock()",1000);
           }
       </script>
       <img src="img/s/C2-1.jpg"/><img src="img/s/C2-1.jpg"/>
       <img src="img/s/C2-2.jpg"/>
       <img src="img/s/C2-1.jpg"/><img src="img/s/C2-1.jpg"/>
       <img src="img/s/C2-2.jpg"/>
       <img src="img/s/C2-1.jpg"/><img src="img/s/C2-1.jpg"/>-->