javascript之按时间选择带有 javascript 的样式表不起作用

我正在尝试根据一天中的时间使用两种不同的样式。

所以我有这段代码可以根据时间选择 css 文件。

<script type="text/javascript"> 
    function setTimedStylesheet() { 
        var theTime = new Date().getHours(); 
        console.log (theTime); 
        if (9 <= theTime&&theTime < 17) { 
            document.write("<link href='/nuvoladigital.com.br/css/stylesnight.css' rel='stylesheet' type='text/css'>"); 
        } 
        if (17 <= theTime&&theTime < 9) { 
            document.write("<link href='/nuvoladigital.com.br/css/stylesnight.css' rel='stylesheet' type='text/css'>"); 
        } 
    } 
 
    setTimedStylesheet(); 
</script> 
 
<noscript><link href="/nuvoladigital.com.br/css/stylesnight.css" rel="stylesheet" type="text/css"></noscript> 

路径是正确的，并且 console.log 向我显示 javascript 正在获得正确的时间。但样式表不适用。

对可能发生的事情有什么想法吗？

请您参考如下方法:

两个问题:

1. 您在 if 中包含相同的“夜间”样式表 block 。
2. 第二个if条件 17 <= theTime&&theTime < 9永远不可能是真的。 theTime不能同时大于 17 和小于 9。您可以更改 &&到|| , 但鉴于只有两个选项，使用 else 会更简单没有条件。