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 相关文章推荐
iframe 异步加载技术及性能分析
Jul 19 Javascript
javascript 树形导航菜单实例代码
Aug 13 Javascript
Document:getElementsByName()使用方法及示例
Oct 28 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
推荐10 款 SVG 动画的 JavaScript 库
Mar 24 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
Aug 02 Javascript
jquery动态添加文本并获取值的方法
Oct 12 Javascript
JS实现图片预加载之无序预加载功能代码
May 12 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
Dec 13 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 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
You might like
php.ini中文版
2006/10/09 PHP
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
javascript 动态修改样式和层叠样式表代码
2010/04/27 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
javascript简易缓动插件(源码打包)
2012/02/16 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
12种JavaScript常用的MVC框架比较分析
2015/11/16 Javascript
全面解析bootstrap格子布局
2016/05/22 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
2016/07/14 Javascript
vue+element tabs选项卡分页效果
2020/06/29 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
vue项目实现减少app.js和vender.js的体积操作
2020/11/12 Javascript
如何在JavaScript中等分数组的实现
2020/12/13 Javascript
Python发送email的3种方法
2015/04/28 Python
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
利用Python如何生成便签图片详解
2018/07/09 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
Linux操作面试题
2015/02/11 面试题
会计电算化专业毕业生推荐信
2013/12/24 职场文书
应届实习生的自我评价范文
2014/01/05 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
2016年父亲节寄语
2015/12/04 职场文书
Mysql 性能监控及调优
2021/04/06 MySQL
看看如何用Python绘制小米新版天价logo
2021/04/20 Python
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
ant design charts 获取后端接口数据展示
2022/05/25 Javascript