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

<!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>

巴特西

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

最新文章

热门文章