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 相关文章推荐
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
Feb 07 Javascript
详解JS函数重载
Dec 04 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
javascript实现控制div颜色
Jul 07 Javascript
js每隔两秒输出数组中的一项(实例)
May 28 Javascript
JavaScript函数绑定用法实例分析
Nov 14 Javascript
js变量声明var使用与不使用的区别详解
Jan 21 Javascript
微信小程序实现写入读取缓存详解
Aug 30 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
Jul 27 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
Aug 18 Javascript
javascript canvas实现雨滴效果
Jun 09 Javascript
JavaScript异步操作中串行和并行
Nov 20 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 进程锁定问题分析研究
2009/11/24 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
PHP文件锁定写入实例解析
2014/07/14 PHP
laravel安装zend opcache加速器教程
2015/03/02 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
PHP生成图片缩略图类示例
2017/01/12 PHP
学习YUI.Ext 第三天
2007/03/10 Javascript
JavaScript toFixed() 方法
2010/04/15 Javascript
IE6下通过a标签点击切换图片的问题
2010/11/14 Javascript
Node.js 的异步 IO 性能探讨
2014/10/08 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
jquery插件开发模式实例详解
2019/07/20 jQuery
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
PyQt 线程类 QThread使用详解
2017/07/16 Python
高效测试用例组织算法pairwise之Python实现方法
2017/07/19 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
Clarisonic美国官网:科莱丽声波洁面仪
2017/10/12 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
《口技》教学反思
2014/02/21 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
2014年医院后勤工作总结
2014/12/06 职场文书
2015元旦节寄语
2014/12/08 职场文书
反腐倡廉观后感
2015/06/08 职场文书
浅谈golang package中init方法的多处定义及运行顺序问题
2021/05/06 Golang
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技