Biegral Blog

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)

下载地址