原生js用图片做时间

<p id="times"></p>
<img src="img/0.JPG" />
<img src="img/0.JPG" />
<img src="img/0.JPG" />
<img src="img/0.JPG" />
<img src="img/0.JPG" />
<img src="img/0.JPG" />
<img src="img/0.JPG" />
<img src="img/0.JPG" />

<script>
    window.onload=function(){
        var Body=document.body;
        var oP=document.getElementById(‘times‘);
        var aImg = document.getElementsByTagName(‘img‘);
        //把获取出的时间封装为一个函数，方便加定时器让其自动循环
        function Time(){
            var str="";
            var myTime=new Date();
            var iHours = myTime.getHours();
            var iMin = myTime.getMinutes();
            var iSec = myTime.getSeconds();

            str =  toTwo(iHours)+"1"+toTwo(iMin)+"2"+toTwo(iSec);

            oP.innerHTML=str;

            for ( var i=0; i<str.length; i++ ) {
                aImg[i].src = ‘img/‘ + str.charAt(i) + ‘.JPG‘;
                if(i==2 || i==5){//这里做判断添加那个冒号
                    aImg[i].src=‘img/colon.JPG‘
                }

            }

        }
        //加定时器，自动循环
        setInterval(Time,1000);
        Time();

    };
    //这里对单数0-9的判断，让其前面加0
    function toTwo ( n ) {
        return n < 10 ?  ‘0‘ + n : ‘‘ + n;
    }
</script>