Question

我一直在测试JavaScript和jQuery的基本技能。
我决定为页面创建一个更新时钟。第一天，我根本没有阅读过，除非它被卡在函数名上。我的第一次尝试是轻率的，并且拥有大量的代码。

（快速说明：我确实完成了第一次尝试，但没有保存，这是修复错误的中间过程）

今天，在创建函数之前，我做了一些阅读。这是我创建的两个函数：

setInterval(updateTime, 1);

function updateTime() {
    var clock = new Date();
    var dayNum = Number(clock.getDay());
    var hour = clock.getHours();
    var min = clock.getMinutes();
    var sec = clock.getSeconds();

    var day = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];

    function getDay() {
        return day[dayNum - 1];
    }

    function getHour() {
        if (hour > 12) {
            var yes = hour - 12;
            return yes + ":" + min + ":" + sec + "pm";
        } else {
            return yes + ":" + min + ":" + sec + "am";
        }
    }

    function setTime() {
        $(".clock").text(getDay() + " " + getHour());
    }

    var clock = {};
    return setTime();
}

setInterval(function () {
    var date = new Date();
    $("#time").text(date.toLocaleTimeString());
    $("#date").text(date.toDateString());
}, 500);

第二次尝试可以更优化吗？

创建更新时间和日期功能

0 个答案: