js控制不同的時(shí)間段顯示不同的css樣式的實(shí)例代碼
更新時(shí)間:2013年11月04日 16:32:33 作者:
這篇文章介紹了js控制不同的時(shí)間段顯示不同的css樣式的實(shí)例代碼,有需要的朋友可以參考一下
js函數(shù),可以放到單獨(dú)的js文件中也可以放到當(dāng)前頁(yè)的<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>在不同的時(shí)間顯示不同的提示信息</title>
<script type="text/javascript" src="dacss.js"></script>
</head>
<body>
<script type="text/javascript">
window.onload=getCSS();
</script>
js控制不同的時(shí)間段顯示不同的css樣式
</body>
</html>
相關(guān)文章
JavaScript?12個(gè)有用的數(shù)組技巧
數(shù)組是Javascript最常見(jiàn)的概念之一,它為我們提供了處理數(shù)據(jù)的許多可能性,熟悉數(shù)組的一些常用操作是很有必要的。本文將為大家介紹12個(gè)有用的JavaScript數(shù)組技巧,需要的朋友可以參考一下2021-12-12
javascript實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)特效
下面給大家匯總的幾個(gè)javascript實(shí)現(xiàn)的分頁(yè)代碼,當(dāng)然必須要結(jié)合后臺(tái)代碼實(shí)現(xiàn)。大家可以自行分析一下代碼,希望能夠給大家?guī)?lái)一定的幫助2015-08-08
javascript密碼強(qiáng)度校驗(yàn)代碼(兩種方法)
為了保證網(wǎng)站個(gè)人信息的安全,很多網(wǎng)站在注冊(cè)頁(yè)面都設(shè)置密碼強(qiáng)度這項(xiàng),用javascript如何實(shí)現(xiàn)密碼強(qiáng)度校驗(yàn)代碼呢?下面小編給大家整理了兩種方法使用javascript密碼強(qiáng)度校驗(yàn)代碼,有需要的朋友可以參考下2015-08-08
js前端如何寫(xiě)一個(gè)精確的倒計(jì)時(shí)代碼
關(guān)于寫(xiě)倒計(jì)時(shí)大家可能都都比較熟悉,使用 setTimeout 或 setInterval 就可以搞定。幾秒鐘或者幾分鐘的倒計(jì)時(shí)這樣寫(xiě)沒(méi)有問(wèn)題,但是如果是長(zhǎng)時(shí)間的倒計(jì)時(shí),這樣寫(xiě)就會(huì)不準(zhǔn)確2019-10-10
Java?Script網(wǎng)頁(yè)設(shè)計(jì)案例詳解
下面我將提供一個(gè)簡(jiǎn)單的JavaScript網(wǎng)頁(yè)設(shè)計(jì)案例,該案例將實(shí)現(xiàn)一個(gè)動(dòng)態(tài)的待辦事項(xiàng)列表(Todo List),用戶可以在頁(yè)面上添加新的待辦事項(xiàng),標(biāo)記它們?yōu)橐淹瓿?以及刪除它們,這篇文章主要介紹了Java?Script網(wǎng)頁(yè)設(shè)計(jì)案例,需要的朋友可以參考下2024-08-08
javascript動(dòng)態(tài)添加checkbox復(fù)選框的方法
這篇文章主要介紹了javascript動(dòng)態(tài)添加checkbox復(fù)選框的方法的相關(guān)資料,需要的朋友可以參考下2015-12-12

