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程序设计有所帮助。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短