用php只能获取服务器端的时间，得用js获取客户端时间，然后生成对应的css文件内容。

为了确保页面能正确显示，还得有个默认的css文件链接。示例代码如下：

function DynamicLoad()

{

var Self=this; //对象自身

//功能：加载指定的文件

//参数：src——需要被加载的文件

//返回：(无)

this.Load=function(src)

{

if(Self.IsLoaded(src)) //判断该文件是否已经加载了

{

Self.OnLoaded(src);

return;

}

else //如果没有加载，动态创建

{

var objDynamic; //动态创建的对象

var type=Self.GetSrcType(src); //文件类型

if(type=="js")

{

objDynamic=document.createElement("script");

objDynamic.src=src;

objDynamic.type="text/javascript";

}

else if(type=="css")

{

objDynamic=document.createElement("link");

objDynamic.rel="stylesheet";

objDynamic.type="text/css";

objDynamic.href=src;

}

else

{

Self.OnFailed(src);

return;

}

document.getElementsByTagName("head")[0].appendChild(objDynamic); //将创建的对象插入到HEAD节中

objDynamic.οnlοad=objDynamic.onreadystatechange=function() //加载过程中状态改变引发的事件

{

if(this.readyState && this.readyState=="loading")

return;

else

Self.OnLoaded(src);

};

objDynamic.οnerrοr=function() //加载过程中发生错误引发的事件

{

document.getElementsByTagName("head")[0].removeChild(objDynamic);

Self.OnFailed(src);

};

}

};

this.IsLoaded=function(src)

{

var isLoaded=false; //假设没有加载

var type=Self.GetSrcType(src); //得到文件的类型

var i; //用于循环的索引

if(type=="js")

{

var scripts=document.getElementsByTagName("script"); //得到所有的脚本对象集合

for(i=0;i

{

if(scripts[i].src && scripts[i].src.indexOf(src)!=-1)

{

if(scripts[i].readyState=="loaded" || scripts[i].readyState=="complete")

{

isLoaded=true;

break;

}

}

}

}

else if(type=="css")

{

var links=document.getElementsByTagName("link"); //得到所有的link对象集合

for(i=0;i

{

if(links[i].href && links[i].href.indexOf(src)!=-1)

{

if(links[i].readyState=="loaded" || links[i].readyState=="complete" || links[i].readyState=="interactive")

{

isLoaded=true;

break;

}

}

}

}

return isLoaded;

};

this.GetSrcType=function(src)

{

var type="";

var lastIndex=src.lastIndexOf(".");

if(lastIndex!=-1)

{

type=src.substr(lastIndex+1);

}

return type;

};

this.OnLoaded=function(src)

{

Self.LoadedCallback(src);

};

this.LoadedCallback=function(src){};

this.OnFailed=function(src)

{

Self.FailedCallback(src);

};

this.FailedCallback=function(src){};

}

//动态加载css文件

var dl = new DynamicLoad();

//依据时间来调用css文件

function splitTime(){

var now = new Date();

var _hour = now.getHours();

if(_hour<6){

dl.Load('/css/css4.css');

} else if(_hour<9){

dl.Load('/css/css1.css');

} else if(_hour<10){

dl.Load('/css/css1.css');

} else if(_hour<14){

dl.Load('/css/css2.css');

} else if(_hour<15){

dl.Load('/css/css2.css');

}else if(_hour<17){

dl.Load('/css/css3.css');

} else if(_hour<18){

dl.Load('/css/css3.css');

} else if(_hour<21){

dl.Load('/css/css4.css');

}else if(_hour>22){

dl.Load('/css/css4.css');

}

}