js动态显示时间1

最新推荐文章于 2021-04-20 10:14:17 发布

whispercode

最新推荐文章于 2021-04-20 10:14:17 发布

阅读量162

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/Dilan_Gwyn/article/details/89214625

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

https://blog.csdn.net/Dilan_Gwyn/article/details/89202385

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8"/>
       <title></title>
   </head>
   <body>
       <img src="0.jpg" id="ih"/>
       <img src="0.jpg" id="ih1"/>
       <img src="maohao.jpg"/>
       <img src="0.jpg" id="im"/>
       <img src="0.jpg" id="im1"/>
       <img src="maohao.jpg"/>
       <img src="0.jpg" id="is"/>
       <img src="0.jpg" id="is1"/>

       <script type="text/javascript">
           var ihs=document.getElementById("ih")
           var ihs1=document.getElementById("ih1")
           var ims=document.getElementById("im")
           var ims1=document.getElementById("im1")
           var iss=document.getElementById("is")
           var iss1=document.getElementById("is1")
           function show(){
               var date=new Date();
               var h=date.getHours();
               var m=date.getMinutes();
               var s=date.getSeconds();
               h=show1(h);
               m=show1(m);
               s=show1(s);
               var time=h+":"+m+":"+s;
               var h1=parseInt(h/10);
               var h2=h%10;
               var m1=parseInt(m/10);
               var m2=m%10;
               var s1=parseInt(s/10);
               var s2=s%10;
                   ihs.src=""+h1+".jpg";
                   ihs1.src=""+h2+".jpg";
                   ims.src=""+m1+".jpg";
                   ims1.src=""+m2+".jpg";
                   iss.src=""+s1+".jpg";
                   iss1.src=""+s2+".jpg";
               setTimeout(show,1000);

           }
           show();
           function show1(num){
               if(num>10){
                   return "0"+num;
               }
               return num;
           }

       </script>
   </body>
</html>