Javascript 根据一天中的时间，给某些div元素上课

我需要根据一天中的时间为我的部门分配某些课程。因此，列表当前可以随实时更改con

以下是生成显示时间和创建列表的方法：

function date_time() {
        date = new Date;
        year = date.getFullYear();
        month = date.getMonth();
        months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'Jully', 'August', 'September', 'October', 'November', 'December');
        d = date.getDate();
        day = date.getDay();
        days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
        h = date.getHours();
        if (h < 10) {
                h = "0" + h;
        }
        m = date.getMinutes();
        if (m < 10) {
                m = "0" + m;
        }
        s = date.getSeconds();
        if (s < 10) {
                s = "0" + s;
        }
        result = '' + days[day] + ' ' + months[month] + ' ' + d + ' ' + year + ' ' + h + ':' + m + ':' + s;
        document.getElementById("displayTime").innerHTML = result;
        setTimeout(function () {
                date_time()
        }, 1000);
        return true;
}

function makeList() {
        let counter = 12;
        let meridiem = "PM"
        for(let i = 0; i < 24; i++) {
                // counter + i = 12 % 12;
                let actualTime = (counter + i) % 12;
                if(actualTime <= 0) {
                        actualTime = 12;
                       if (meridiem == "AM"){
                               meridiem = "PM";
                       } else if (meridiem == "PM") {
                               meridiem = "AM"
                       }
                }
                let div = $("<div>").addClass("row")
                let div1 = $("<div>").addClass("hour col-sm-1").text(actualTime + meridiem)
                let textArea = $("<textarea>").attr("id", "hour" + i).addClass("form-control col-sm-10").attr("rows", 3)
                let save = $("<button>").data("hour", i).addClass("saveBtn col-sm-1")
                let icon = $("<i>").addClass("fas fa-save fa-2x")

                save.append(icon)
                div.append(div1)
                div.append(textArea)
                div.append(save)

                $("#listorsomething").append(div)
        }
}

函数日期\时间（）{
日期=新日期；
年份=日期。getFullYear（）；
month=date.getMonth（）；
月份=新数组（“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”）；
d=date.getDate（）；
day=date.getDay（）；
天=新数组（“星期日”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”）；
h=date.getHours（）；
if（h<10）{
h=“0”+h；
}
m=date.getMinutes（）；
如果（m<10）{
m=“0”+m；
}
s=date.getSeconds（）；
如果（s<10）{
s=“0”+s；
}
结果=''+天[日]+''+月[月]+''+d+''+年+''+h+''：'+m+''：'+s；
document.getElementById（“displayTime”）.innerHTML=结果；
setTimeout（函数（）{
日期(时间)
}, 1000);
返回true；
}
函数makeList（）{
设计数器=12；
让meridiem=“PM”
for（设i=0；i<24；i++）{
//计数器+i=12%12；
让实际时间=（计数器+i）%12；
if（实际时间24；i++）{
如果（i>date\u time.getHours）{
$（“”）.addClass（“未来”）
}如果（i

---

过去、现在和未来是我css文件中的类。我认为调用date_time.getHours可以帮助我在date_time范围之外定义该变量。

如果我正确理解了你的问题，你将把当前时间与另一个时间进行比较。然后你需要另一个变量来存储它的值并做些事情像这样：

$(document).ready(function () {
        let date = new Date();
        let time = date.getHours();      

function classChanger(relativeTime) {


        if (relativeTime < time) {
            $("div").addClass("past");
        } else if (relativeTime == time) {
            $("div").addClass("present");
        } else {
            $("div").addClass("future");
        }
}
classChanger(5); // 5 for example

});

$（文档）.ready（函数（）{
让日期=新日期（）；
让时间=date.getHours（）；
功能类别变换器（相对时间）{
if（相对时间<时间）{
$（“div”）.addClass（“过去”）；
}else if（相对时间==时间）{
美元（“div”）.addClass（“当前”）；
}否则{
美元（“div”）.addClass（“未来”）；
}
}
类转换器（5）；//例如5
});

---

在这里，我只比较小时数，但您可能需要添加分钟数并正确设置格式。我希望这会有所帮助。

谢谢！这实际上是在给我的div元素上课。现在我只需要让它准确地读取时间，以便在我创建的每日计划中正确地为我的时间段添加阴影。我感谢您的反馈，这很有帮助太多了。不客气。如果你能接受答案，解决问题，我会非常高兴。

$(document).ready(function () {
        let date = new Date();
        let time = date.getHours();      

function classChanger(relativeTime) {


        if (relativeTime < time) {
            $("div").addClass("past");
        } else if (relativeTime == time) {
            $("div").addClass("present");
        } else {
            $("div").addClass("future");
        }
}
classChanger(5); // 5 for example

});