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

insus 阅读:12 2023-09-15 19:09:47 评论:0

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

所以我有这段代码可以根据时间选择 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 会更简单没有条件。


标签:JavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号