创建更新时间和日期功能

时间:2019-05-02 10:11:09

标签: javascript jquery

我一直在测试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 个答案:

没有答案
相关问题