fgm实例练习笔记-3.8简易网页时钟

复习了 Date类型。创建一个日期对象 var now = new Date(); 日期/时间方法，getHours() , getMinutes , getSeconds()

时间的更新引入了setInterval(,1000)； 函数。每1秒重新获取当前时间，并更新。

自己写的（没有实现的功能是当只有一位数字的时候前面自动补0）：

window.onload = function(){
    var inp = document.getElementsByTagName("input"); //不应该用input的，没有意义，用span就挺好
    var change = function(){    
    var now = new Date();
    inp[0].value = now.getHours();
    inp[1].value = now.getMinutes();
    inp[2].value = now.getSeconds();}

    setInterval(change,1000);   
}

原版：

window.onload = function ()
{
    var oClock = document.getElementById("clock");  

    var aSpan = oClock.getElementsByTagName("span");

    setInterval(getTimes, 1000);//每一秒调用一次getTimes函数

    getTimes();
    function getTimes ()
    {
        var oDate = new Date();//获取当前时间
        var aDate = [oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];//数组aDate存储了时、分、秒

        for (var i in aDate) aSpan[i].innerHTML = format(aDate[i])//依次写入时分秒
    }

    function format(a)
    {
        return a.toString().replace(/^(\d)$/, "0$1")  //format函数，为只有一位数字/^(\d)$/的，替换relace成前面添一个0。别忘了return新的值回去
    }
}

改了一下自己的，补充了补0功能：

    inp[0].value = ((now.getHours()).toString()).replace(/^(\d)$/,"0$1");
    inp[1].value = ((now.getMinutes()).toString()).replace(/^(\d)$/,"0$1");
    inp[2].value = ((now.getSeconds()).toString()).replace(/^(\d)$/,"0$1");//有点过于繁琐了，不如写个外部函数再调用