js日期时间联系

<div class="warp">

<img src="1.png">
<img src="1.png">
<span>:</span>
<img src="0.png">
<img src="9.png">
<span>:</span>
<img src="1.png">
<img src="2.png">

</div>

<script>
var aimg = document.getElementsByTagName("img");

function fn(i){
if(i<10){
return i ="0"+i;
}else{
return ""+i;   //return ''+n; 加''是为了让返回出去的数字类型变成字符串。
}
}

setInterval(function(){
var tim = new Date();
var shi = tim.getHours();
var fen = tim.getMinutes();
var miao = tim.getSeconds();

var time = fn(shi)+fn(fen)+fn(miao);

for(var i=0; i<aimg.length; i++){
aimg[i].src = time.charAt(i)+".png";  //charAt(0)作用于兼容 获取字符串上某一位的东西。例如var str='abcdefg'，如果想弹出第0位上的东西不可以直接写成alert(str[0])，部分浏览器会不兼容。这个时候就需要用到charAt()。即alert(str.charAt(0))
}

},1000)

</script>

效果图