<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    *{padding:0;margin:0;}
li{list-style:none;}
</style>
<script>
    window.onload=function() {
var oImg=document.getElementsByTagName('img');
        var oDiv=document.getElementsByTagName('div')[0];
        var time=null;

         time=setInterval(date,1000);
        date();
      function date() {
var told = new Date();
          var tnew = new Date(2016, 3, 4, 22, 10, 33);
          var t = Math.floor((tnew-told)/1000);
          var tian = Math.floor(t/86400);
          var shi = Math.floor(t%86400/3600);
          var fen = Math.floor(t%86400/3600/60);
          var miao = t%60;
          var str = fn(shi)+fn(fen)+fn(miao);
          oDiv.innerHTML=str;
          for(var i=0;i<str.length;i++){
              oImg[i].src='images/'+str.charAt(i)+'.png';
          }
if(t<0){clearInterval(time)}
function fn(n){if(n<9){return '0'+n}else{return ''+n}}
      }


// 天：Math.floor(t/86400)
// 时：Math.floor(t%86400/3600)
// 分：Math.floor(t%86400%3600/60)
// 秒：t%60

// 数字形式：new Date( 2013,4,1,9,48,12 );
// 字符串形式：new Date('June 10,2013 12:12:12');

    }
</script>
<body>
<div></div>
<img src="images/0.png">
<img src="images/0.png">
<img src="images/0.png">
<img src="images/0.png">
<img src="images/0.png">
<img src="images/0.png">
</body>
</html>