今天学习了一个小程序，将本地时间显示在页面上，用了图片的形式。
1.执行原理是，先用6张全0的图片，然后通过循环img各自根据时间来更换相对应的时间图片。
2.使用Date()函数获取本地时间，然后转换成字符串的形式。
3.使用定时期setInterval()来控制1秒时间。
4.IE7下的使用str[i]获取不到字符串，要使用charAt()函数转成str.charAt(i)形式。
<script type="text/javascript"> window.onload = function(){ var aImg = document.getElementsByTagName("img"); var timer = null; function toString(t){ if(t < 10){ return "0" + t; }else{ return "" + t; } } function showTime(){ var localDate = new Date(); var hours = localDate.getHours(); var minute = localDate.getMinutes(); var second = localDate.getSeconds(); var timeStr = toString(hours) + toString(minute) + toString(second); for(var i = 0, len = aImg.length; i < len; i++){ aImg[i].src = "images/"+timeStr.charAt(i)+".png"; } } setInterval(showTime,1000); showTime(); } </script>
<div id="wrap"> <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" /> </div>
原文：http://www.cnblogs.com/alantao/p/4634876.html