JavaScript每天定时更换皮肤样式的方法
本文实例讲述了JavaScript每天定时更换皮肤样式的方法。分享给大家供大家参考。具体分析如下:
这段js代码通过每天在不同时段自动更换网页调用的样式表,实现更换皮肤的功能。
<scripttype="text/JavaScript">
<!--
functiongetStylesheet(){
varcurrentTime=newDate().getHours();
if(0<=currentTime&¤tTime<5){
document.write("<linkrel='stylesheet'href='night.css'type='text/css'>");
}
if(5<=currentTime&¤tTime<11){
document.write("<linkrel='stylesheet'href='morning.css'type='text/css'>");
}
if(11<=currentTime&¤tTime<16){
document.write("<linkrel='stylesheet'href='day.css'type='text/css'>");
}
if(16<=currentTime&¤tTime<22){
document.write("<linkrel='stylesheet'href='evening.css'type='text/css'>");
}
if(22<=currentTime&¤tTime<=24){
document.write("<linkrel='stylesheet'href='night.css'type='text/css'>");
}
}
getStylesheet();
-->
</script>
<noscript>
<linkhref="main.css"rel="stylesheet"type="text/css">
</noscript>
希望本文所述对大家的javascript程序设计有所帮助。