1. 云栖社区>
  2. >
  3. 正文

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

作者:用户 来源:互联网 时间:2016-07-01 09:11:59

javascript样式定时皮肤更换

JavaScript每天定时更换皮肤样式的方法_javascript技巧 - 摘要: 本文讲的是JavaScript每天定时更换皮肤样式的方法_javascript技巧, 本文实例讲述了JavaScript每天定时更换皮肤样式的方法。分享给大家供大家参考。具体分析如下: 这段js代码通过每天在不同时段自动更换网页调用的样式表,实现更换皮肤的功能。 <script type="text/JavaSc

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

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

<script type="text/JavaScript">
<!--
function getStylesheet() {
   var currentTime = new Date().getHours();
   if (0 <= currentTime&&currentTime < 5) {
    document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
   }
   if (5 <= currentTime&&currentTime < 11) {
    document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
   }
   if (11 <= currentTime&&currentTime < 16) {
    document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
   }
   if (16 <= currentTime&&currentTime < 22) {
    document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
   }
   if (22 <= currentTime&&currentTime <= 24) {
    document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
   }
}
getStylesheet();
-->
</script>
<noscript>
<link href="main.css" rel="stylesheet" type="text/css">
</noscript>

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

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript , 样式 , 定时 , 皮肤 更换 javascript 定时器、javascript 定时、javascript 定时执行、javascript 定时刷新、javascript 定时任务,以便于您获取更多的相关知识。