js-图片时间困难版(倒计时)

最新推荐文章于 2021-08-22 14:20:09 发布

AsaZyf

最新推荐文章于 2021-08-22 14:20:09 发布

阅读量179

点赞数

分类专栏： js 实用文章标签：图片时间倒计时数组

本文链接：https://blog.csdn.net/AsaZyf/article/details/80622540

版权

实用同时被 3 个专栏收录

43 篇文章 0 订阅

订阅专栏

37 篇文章 0 订阅

订阅专栏

倒计时

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <p></p>
       <div></div>




       <script>
           var oP = document.getElementsByTagName("p")[0]
           var oImg = document.getElementsByTagName("img")
           var oDiv = document.getElementsByTagName("div")[0]
           var arr = ["img/0.JPG","img/1.JPG","img/2.JPG","img/3.JPG","img/4.JPG","img/5.JPG","img/6.JPG","img/7.JPG","img/8.JPG","img/9.JPG"]



           function time(){
               var now = new Date()
               var oHours = now.getHours()
               var oMin = now.getMinutes()
               var oSec = now.getSeconds()
               var str = add(oHours)+""+add(oMin)+""+add(oSec)
               oP.innerHTML = str
               return str
           }

           setInterval(function(){
               time()
           },1000)

           var str = time()



           var str1 = ""
           for (var i=0;i<str.length;i++) {
               str1+="<img/>"

           }

           oDiv.innerHTML = str1

           function run(){
               var str = time()
               for (var i=0;i<str.length;i++) {
                   oImg[i].src = arr[str.charAt(i)]
               }
           }

           run()
           setInterval(function(){
               run()
           },1000)





           function add(str){
               return str>9?str:"0"+str
           }






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

AsaZyf

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js-图片时间困难版(倒计时)

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;&amp
复制链接

扫一扫