js控制不同的時間段顯示不同的css樣式的實例代碼
js函數(shù),可以放到單獨的js文件中也可以放到當(dāng)前頁的<head>標(biāo)記之內(nèi)
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文件
<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中判斷字符串中出現(xiàn)次數(shù)最多的字符及出現(xiàn)的次數(shù)的簡單實例
下面小編就為大家?guī)硪黄狫S中判斷字符串中出現(xiàn)次數(shù)最多的字符及出現(xiàn)的次數(shù)的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06利用JavaScript為句子加標(biāo)題的3種方法示例
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript為句子加標(biāo)題的3種方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01JavaScript設(shè)計模式學(xué)習(xí)之代理模式
這篇文章主要介紹了JavaScript設(shè)計模式學(xué)習(xí)之代理模式,對設(shè)計模式感興趣的同學(xué),可以參考下2021-04-04javascript獲取四位數(shù)字或者字母的隨機數(shù)
這篇文章主要介紹了javascript獲取四位數(shù)字或者字母的隨機數(shù),需要的朋友可以參考下2015-01-01javascript實現(xiàn)根據(jù)函數(shù)名稱字符串動態(tài)執(zhí)行函數(shù)的方法示例
這篇文章主要介紹了javascript實現(xiàn)根據(jù)函數(shù)名稱字符串動態(tài)執(zhí)行函數(shù)的方法,結(jié)合實例形式分析了JS函數(shù)名的判斷及函數(shù)動態(tài)調(diào)用相關(guān)操作技巧,需要的朋友可以參考下2016-12-12JavaScript中rxjs與?Observable?兩大類操作符解析
這篇文章主要介紹了JavaScript中rxjs與?Observable?兩大類操作符解析,運算符是對?Observable?進(jìn)行操作并返回?Observable?的函數(shù),文章圍繞主題展開詳細(xì)內(nèi)容,需要的小伙伴可以參考一下2022-07-07