图片时间案例

 <img src="images/images/0.png" alt="" id="img1">
    <img src="images/images/0.png" alt="" id="img2">
    <img src="images/images/second1.png" alt="">
    <img src="images/images/0.png" alt="" id="img3">
    <img src="images/images/0.png" alt="" id="img4">
    <img src="images/images/second1.png" alt="">
    <img src="images/images/0.png" alt="" id="img5">
    <img src="images/images/0.png" alt="" id="img6">
    
    <script type="text/javascript">
    //声明一个新的时间
    function getTime() {
        var date = new Date();
        //获取时分秒
        var hour = date.getHours();
        var minute = date.getMinutes();
        var second = date.getSeconds();
        //加0
        if(hour<10){
        	hour='0'+hour;
        }
        if(minute<10){
        	minute='0'+minute;
        }
        if(second<10){
        	second='0'+second;
        }
        var time = hour + ':' + minute + ':' + second;
        
        //替换图片
        var o1=document.getElementById('img1');
        var o2=document.getElementById('img2');
        var o3=document.getElementById('img3');
        var o4=document.getElementById('img4');
        var o5=document.getElementById('img5');
        var o6=document.getElementById('img6');

        //拆分小时
        var h=hour%10;
        var h1=parseInt(hour/10);
        o1.src='images/images'+'/'+h1+'.png';
        o2.src='images/images'+'/'+h+'.png';
        //拆分分钟
        var f=minute%10;
        var f1=parseInt(minute/10);
        o3.src='images/images'+'/'+f1+'.png';
        o4.src='images/images'+'/'+f+'.png';
        //拆分秒
        var s=second%10;
        var s1=parseInt(second/10);
        o5.src='images/images'+'/'+s1+'.png';
        o6.src='images/images'+'/'+s+'.png';
    }
    getTime();
    setInterval(getTime, 1000);
    </script>