微客导航 » 文章资讯 » JavaScript每天定时更换皮肤样式的方法

JavaScript每天定时更换皮肤样式的方法

2024-03-29 23:18:04 472

本文实例讲述了JavaScript每天定时更换皮肤样式的方法。分享给大家供大家参考。具体分析如下：

这段js代码通过每天在不同时段自动更换网页调用的样式表，实现更换皮肤的功能。

<scripttype="text/JavaScript">
<!--
functiongetStylesheet(){
varcurrentTime=newDate().getHours();
if(0<=currentTime&&currentTime<5){
document.write("<linkrel='stylesheet'href='night.css'type='text/css'>");
}
if(5<=currentTime&&currentTime<11){
document.write("<linkrel='stylesheet'href='morning.css'type='text/css'>");
}
if(11<=currentTime&&currentTime<16){
document.write("<linkrel='stylesheet'href='day.css'type='text/css'>");
}
if(16<=currentTime&&currentTime<22){
document.write("<linkrel='stylesheet'href='evening.css'type='text/css'>");
}
if(22<=currentTime&&currentTime<=24){
document.write("<linkrel='stylesheet'href='night.css'type='text/css'>");
}
}
getStylesheet();
-->
</script>
<noscript>
<linkhref="main.css"rel="stylesheet"type="text/css">
</noscript>

希望本文所述对大家的javascript程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

JavaScript每天定时更换皮肤样式的方法

热门推荐

随机推荐