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