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程序设计有所帮助。