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 相关文章推荐
javascript 打印页面代码
Mar 24 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 Javascript
Angularjs单选改为多选的开发过程及问题解析
Feb 17 Javascript
JavaScript条件判断_动力节点Java学院整理
Jun 26 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
node.js中express模块创建服务器和http模块客户端发请求
Mar 06 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
Sep 27 Javascript
Vue可自定义tab组件用法实例
Oct 24 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笔记 字符串处理
2010/10/19 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
通过PHP自带的服务器来查看正则匹配结果的方法
2015/12/24 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
jquery JSON的解析方式
2009/07/25 Javascript
一个简单的JavaScript 日期计算算法
2009/09/11 Javascript
javascript 年月日联动实现核心代码
2009/12/21 Javascript
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
jquery如何改变html标签的样式(两种实现方法)
2013/01/16 Javascript
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
javascript解析json格式的数据方法详解
2020/08/07 Javascript
vue配置多代理服务接口地址操作
2020/09/08 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python返回真假值(True or False)小技巧
2015/04/10 Python
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
Python可以实现栈的结构吗
2020/05/27 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
参观监狱心得体会
2014/01/02 职场文书
公司庆典活动邀请函
2014/01/09 职场文书
《尊严》教学反思
2014/02/11 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
工程催款通知书
2015/04/17 职场文书
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers