编程 Javascript

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

Posted in Javascript onJuly 01, 2015

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

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

<script type="text/JavaScript">
<!--
function getStylesheet() {
   var currentTime = new Date().getHours();
   if (0 <= currentTime&¤tTime < 5) {
    document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
   }
   if (5 <= currentTime&¤tTime < 11) {
    document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
   }
   if (11 <= currentTime&¤tTime < 16) {
    document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
   }
   if (16 <= currentTime&¤tTime < 22) {
    document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
   }
   if (22 <= currentTime&¤tTime <= 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每天定时更换皮肤样式的方法

- Author -

不吃皮蛋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS 控制非法字符的输入代码

Dec 04 Javascript

juqery 学习之四筛选过滤

Nov 30 Javascript

JS复制到剪贴板示例代码

Oct 30 Javascript

javascript:json数据的页面绑定示例代码

Jan 26 Javascript

JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】

Mar 03 Javascript

angularjs实现搜索的关键字在正文中高亮出来

Jun 13 Javascript

通过源码分析Vue的双向数据绑定详解

Sep 24 Javascript

Puppeteer环境搭建的详细步骤

Sep 21 Javascript

详解Vue源码之数据的代理访问

Dec 11 Javascript

微信小程序开发实现消息推送

Nov 18 Javascript

解决vue项目F5刷新mounted里的函数不执行问题

Nov 05 Javascript

javascript实现扫雷简易版

Aug 18 Javascript

JavaScript获得指定对象大小的方法

Jul 01 #Javascript

JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

Jul 01 #Javascript

JavaScript判断数组是否包含指定元素的方法

Jul 01 #Javascript

在JavaScript应用中使用RequireJS来实现延迟加载

Jul 01 #Javascript

使用RequireJS优化JavaScript引用代码的方法

Jul 01 #Javascript

优化RequireJS项目的相关技巧总结

Jul 01 #Javascript

JavaScript的RequireJS库入门指南

Jul 01 #Javascript