js控制不同的時間段顯示不同的css樣式的實例代碼

更新時間：2013年11月04日 16:32:33 作者：

這篇文章介紹了js控制不同的時間段顯示不同的css樣式的實例代碼，有需要的朋友可以參考一下

js函數，可以放到單獨的js文件中也可以放到當前頁的<head>標記之內

function getCSS()
{
        datetoday = new Date();
        timenow=datetoday.getTime();
        datetoday.setTime(timenow);
        thehour = datetoday.getHours();
        if (thehour<12)
            display = "1.css";
        else if (thehour>12)
            //樣式表的名稱，或者你可以加上路徑
            display = "1.css";
        else
            display = "2.css";
        //（...想要更多再加即可...）

        var css = '<';
        css+='link rel="stylesheet" href='+display+' \/';
        css+='>';
        document.write(css);
}

應用該樣式表的HTML文件

復制代碼代碼如下:

<html>
<head>
<title>在不同的時間顯示不同的提示信息</title>
<script type="text/javascript" src="dacss.js"></script>
</head>
<body>
<script type="text/javascript">
window.onload=getCSS();
</script>

js控制不同的時間段顯示不同的css樣式
</body>
</html>

您可能感興趣的文章:

js data日期初始化的5種方法
本文為大家介紹下js data日期初始化的常用5種方法，感興趣的朋友可以參考下
2013-12-12
JavaScript腳本性能的優(yōu)化方法
JavaScript是一種解釋型語言，所以能無法達到和C/Java之類的水平，限制了它能在客戶端所做的事情，為了能改進他的性能，我想基于我以前給JavaScript做過的很多測試來談談自己的經驗，希望能幫助大家改進自己的JavaScript腳本性能。
2007-02-02
JavaScript?12個有用的數組技巧
數組是Javascript最常見的概念之一，它為我們提供了處理數據的許多可能性，熟悉數組的一些常用操作是很有必要的。本文將為大家介紹12個有用的JavaScript數組技巧，需要的朋友可以參考一下
2021-12-12
js+html5繪制圖片到canvas的方法
這篇文章主要介紹了js+html5繪制圖片到canvas的方法,涉及html5元素操作的相關技巧,需要的朋友可以參考下
2015-06-06
javascript實現簡單的分頁特效
下面給大家匯總的幾個javascript實現的分頁代碼，當然必須要結合后臺代碼實現。大家可以自行分析一下代碼，希望能夠給大家?guī)硪欢ǖ膸椭?/div> 2015-08-08
javascript密碼強度校驗代碼（兩種方法）
為了保證網站個人信息的安全，很多網站在注冊頁面都設置密碼強度這項，用javascript如何實現密碼強度校驗代碼呢？下面小編給大家整理了兩種方法使用javascript密碼強度校驗代碼，有需要的朋友可以參考下
2015-08-08
3分鐘掌握常用的JS操作JSON方法總結
工作中做了幾款自動化測試工具都是跟日志讀取相關，日志格式又大多數都是JSON，所以這里把常用的JS操作JSON的方法做了總結
2017-04-04
js前端如何寫一個精確的倒計時代碼
關于寫倒計時大家可能都都比較熟悉，使用 setTimeout 或 setInterval 就可以搞定。幾秒鐘或者幾分鐘的倒計時這樣寫沒有問題，但是如果是長時間的倒計時，這樣寫就會不準確
2019-10-10
Java?Script網頁設計案例詳解
下面我將提供一個簡單的JavaScript網頁設計案例,該案例將實現一個動態(tài)的待辦事項列表（Todo List）,用戶可以在頁面上添加新的待辦事項,標記它們?yōu)橐淹瓿?以及刪除它們,這篇文章主要介紹了Java?Script網頁設計案例,需要的朋友可以參考下
2024-08-08
javascript動態(tài)添加checkbox復選框的方法
這篇文章主要介紹了javascript動態(tài)添加checkbox復選框的方法的相關資料,需要的朋友可以參考下
2015-12-12