js-图片时间(倒计时)

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



       <script>
           var oP = document.getElementsByTagName("p")[0]
           var oImg = document.getElementsByTagName("img")



               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
                   for (var i=0;i<str.length;i++) {
                       oImg[i].src = "img/"+str.charAt(i)+".JPG"
                   }
               }
               time()

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


           function add(str){
               return str>9?str:"0"+str
           }
       </script>
   </body>
</html>

巴特西

js-图片时间(倒计时)

最新文章

热门文章