html根据时间自动切换css样式,js控制不同的时间段显示不同的css样式的实例代码...

js函数，可以放到单独的js文件中也可以放到当前页的

标记之内

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文件

在不同的时间显示不同的提示信息

window.οnlοad=getCSS();

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