搜尋

首頁  >  問答  >  主體

怎么使用JavaScript每天定时更换网页调用样式表?

怎么使用JavaScript每天定时更换网页调用样式表?

baby不要哭泣baby不要哭泣2945 天前989

全部回覆(2)我來回復

  • 数据分析师

    数据分析师2017-10-01 00:22:00

    怎麼使用JavaScript每天定時更換網頁呼叫樣式表? -PHP中文網路問答-怎麼使用JavaScript每天定時更換網頁呼叫樣式表? -PHP中文網問答

    圍觀一下哦,學習一下。

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-02-17 10:28:31

    这段js代码通过每天在不同时段自动更换网页调用的样式表,实现更换皮肤的功能。

    <script type="text/JavaScript">
    <!--
    function getStylesheet() {
       var currentTime = new Date().getHours();
       if (0 <= currentTime&¤tTime < 5) {
        document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
       }
       if (5 <= currentTime&¤tTime < 11) {
        document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
       }
       if (11 <= currentTime&¤tTime < 16) {
        document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
       }
       if (16 <= currentTime&¤tTime < 22) {
        document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
       }
       if (22 <= currentTime&¤tTime <= 24) {
        document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
       }
    }
    getStylesheet();
    -->
    </script>
    <noscript>
    <link href="main.css?1.1.5" rel="stylesheet" type="text/css">
    </noscript>


    回覆
    0
  • 取消回覆