码迷,mamicode.com
首页 > 编程语言 > 详细

javascript-定时器

时间:2017-06-13 10:15:31      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:定时器

一、时钟:

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style>
  #div1 {background: black;color: white;font-size: 50}
 </style>
 <script>


  window.onload=function(){   

   var od=document.getElementById(‘div1‘)
   var ai=od.getElementsByTagName(‘img‘)

   function tick(){
    
    var data1=new Date()
    var str1=toDou(data1.getHours())+toDou(data1.getMinutes())+toDou(data1.getSeconds())
    for(var i=0;i<ai.length;i++){
     ai[i].src=‘img/‘+str1[i]+‘.png‘
    }

   }


   setInterval(tick,1000)
   tick()
  }


  function toDou(n){
   if (n<10){
    return ‘0‘+n
   }else{
    return ‘‘+n
   }
  }


 </script>
</head>
<body>
 <div id="div1">
  <img src="img/1.png" >
  <img src="img/2.png" >:
  <img src="img/3.png" >
  <img src="img/4.png" >:
  <img src="img/5.png" >
  <img src="img/6.png" >
 </div>
</body>
</html>




javascript-定时器

标签:定时器

原文地址:http://f1yinsky.blog.51cto.com/12568071/1934705

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!