javascript - Boostrap v4.6 隐藏导航药丸直到一天中的某个时间，然后再次隐藏 JS

Question

我有两个导航药丸，我需要隐藏到一天中的某个时间，然后在同一天的晚些时候再次隐藏。然而，还有第三个导航药丸，它不应该受此影响并且始终可见。

function showNavPill() {

let now = new Date();
let hours = now.getHours();
let minutes = now.getMinutes();

if (date > 15.30 && date < 17.15) {
nav-pill.show = true;
} else {
nav-pill.show = false;
}
}

showNavPill();

我对此很陌生，所以不确定这是否有意义？

Answer 1

在您的示例中，您将未定义的变量date与两个浮点值15.30和17.15. 所以让我们定义一下date，我们将有机会让它发挥作用。

我只是添加const date = hours + (minutes / 100);了将hours和minutes转换为可能符合您的条件的浮点值。

function showNavPill() {

    let now = new Date();
    let hours = now.getHours();
    let minutes = now.getMinutes();

    const date = hours + (minutes / 100);

    if (date > 15.30 && date < 17.15) {
        nav-pill.show = true;
    } else {
        nav-pill.show = false;
    }
}

showNavPill();

结果nav-pill.show将在您的访客true之间15:31:00和17:14:59（当地时间！）之间。

但请让自己意识到这nav-pill不是 javascript 中变量的有效名称！