JavaScript进阶教程(第三课第二部分)第1/2页

2019-06-02 23:43:10王冬梅

        // fixTime 使分和秒可以正常显示
        // 对于小于10的数字则在该数字前加一个0
        minutes = fixTime(minutes);
        seconds = fixTime(seconds);

        //将时间字符串组合在一起并写出
        var the_time = hours + ":" + minutes + ":" + seconds;
        window.document.the_form.the_text.value = the_time;

        //每半秒钟执行一次该函数
        the_timeout= setTimeout('writeTime();',500);
    }

    function fixTime(the_time) {
        if (the_time <10)
        {
            the_time = "0" + the_time;
        }

        return the_time;
    }

    我们仔细研究一下代码。

    var today = new Date();
    正如new Array() 可以生成一个新的数组,你可以可以用new Date() 生成一个新的日期对象。生成对象之后,你可以对其提出你的问题。你生成的新的日期对象的括号中间没有任何参数, 但JavaScript会查询计算机的始终并用其生成新的日期对象。现在我们的日期对象名为"today" ,我们可以从中提取相应的信息。

    var hours = today.getHours();
    这条用于获得当前的小时值。它是军队格式的时间,即,如果当前时间是下午两点,则它返回的值是14。getHours()是Javascript的日期对象内置的方法调用。

    var minutes = today.getMinutes(); var seconds = today.getSeconds();
    这几行原理和getHours()类似。

    minutes = fixTime(minutes);
    getMinutes存在一些问题,如果分钟是11:01, getMinutes将返回 "1"。时钟的显示格式可不是这样,它应该显示为“01”。fixTime函数就是用于执行纠正显示格式的功能。

    下面两行将字符串组合在一起并显示出来,
    the_timeout = setTimeout('writeTime();', 500);

    设置每半秒执行一次该函数的循环。

    下一讲我们将学习如何在定时器中加入变量。

12下一页阅读全文