用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');
}
}
