js做一个6位数字图片的循环的系统时间

Date对象：首先需要创建个新日期对象出来，例如var oDate=new Date() 获取方法：getFullYear年、getMonth月、getDate日、getDay星期、getHours时、getMinutes分、getSeconds秒。例如获取当前小时oDate.getHours()

html

<li class="ha">        <img src="image/0.png">        <img src="image/0.png">        <span>:</span>        <img src="image/0.png">        <img src="image/0.png">        <span>:</span>        <img src="image/0.png">        <img src="image/0.png"></li>

js

<script type="text/javascript">var imgo = document.getElementsByTagName('img')function toDou(n){        if (n<10) {            return '0'+n;//建立函数，做一个判断，如果这个数字小于10，那他就是个单数，就需要给他补一个0返回出去        }else{            return ''+n;//否则就是大于等于10的，说明已经是双数，那么就直接返回出去(加''是为了让返回出去的数字类型变成字符串)        }    } //返回n；    function fun(){        var d = new Date()        var on1 = d.getHours()  //当前小时        var on2 = d.getMinutes()  //当前分钟        var on3 = d.getSeconds()  //当前秒数        var datearr =toDou(on1)+toDou(on2)+toDou(on3)        for(var i=0;i<datearr.length;i++){            imgo[i].src = 'image/'+ datearr[i] +'.png';        }    }        setInterval(fun,1000)</script>

效果

[GitHub地址] (https://github.com/lily000000/js_demo/tree/master/%E5%AE%9A%E6%97%B6%E5%99%A8-0809)

下载地址