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>

　　</head>

　　<body>

　　window.onload=getCSS();

　　</script>

　　js控制不同的时间段显示不同的css样式

　　</body>

　　</html>