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

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

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

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<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程序设计有所帮助。

时间： 2024-08-30 04:20:06

JavaScript每天定时更换皮肤样式的方法的相关文章

JavaScript动态设置div的样式的方法_javascript技巧

有时候需要根据需要动态设置div的样式,当然对于稍有经验的javascript开发者来说,这一切都是那么的简单,但是对于初学者或者说没有相关经验的开发者来说可能就是一个不大不小的难关,下面就通过实例简单介绍一下如何实现此效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo

百度浏览器更换皮肤的图文方法教程

  百度浏览器是一款由百度官方推出的网页浏览器,该浏览器不仅可为我们提供高效便捷的网页浏览服务,而且百度浏览器还支持自定义更换皮肤,很多刚刚使用百度浏览器的用户不知道如何自定义设置皮肤,故此小编为大家带来了该教程,需要的用户赶快试试吧! 操作方法 1.首先你的电脑中必须安装百度浏览器最新版 2.在浏览器窗口中,我们点击右上角的换肤的标志[如下图] 3.打开之后我们看见好几个皮肤 4.选择一个自己喜欢的皮肤即可更换! 通过上述简单的操作我们就能够实现百度浏览器自动更换皮肤的功能了

JavaScript操作HTML元素和样式的方法详解_基础知识

JavaScript HTML DOM 元素(节点)创建新的 HTML 元素 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素.  实例 <div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> <

Android 应用更换皮肤实现方法_Android

Android应用更换皮肤功能的实现思路        我们可以将皮肤包做成一个apk文件,在应用apk中读取皮肤包中的数据.        应用apk读取皮肤包apk的数据的条件        1. 有相同签名        2. AndroidManifest.xml中配置android:sharedUserId有相同的属性值        满足以上条件,两个apk就能互相访问数据了.        Android应用更换皮肤功能的实现步骤        1.应用程序和皮肤程序的Androi

Android 应用更换皮肤实现方法

Android应用更换皮肤功能的实现思路 我们可以将皮肤包做成一个apk文件,在应用apk中读取皮肤包中的数据. 应用apk读取皮肤包apk的数据的条件 1. 有相同签名 2. AndroidManifest.xml中配置android:sharedUserId有相同的属性值 满足以上条件,两个apk就能互相访问数据了. Android应用更换皮肤功能的实现步骤 1.应用程序和皮肤程序的AndroidManifest.xml中配置 XML/HTML代码 android:sharedUserId=

JQuery给网页更换皮肤的方法

  本文实例讲述了JQuery给网页更换皮肤的方法.分享给大家供大家参考.具体分析如下: 为了更好的提升用户体验,很多网页都有换肤的功能,那么这是怎么实现的那,其实,换肤只不过是在对应的位置改了Css样式罢了!! 下面就演示如何简单的换肤 在设计HTmL代码时,注意一些小技巧,可以将皮肤选项按钮的id设置成和皮肤样式文件名称相同,这样皮肤切换的操作就简单多了样式连接要带一个有Id样式的连接表,通过操作该链接的href属性的值,从而实现换肤.即: 用户点击完就可以换肤了,但是,当用户刷新或者关闭浏

JQuery给网页更换皮肤的方法_jquery

本文实例讲述了JQuery给网页更换皮肤的方法.分享给大家供大家参考.具体分析如下: 为了更好的提升用户体验,很多网页都有换肤的功能,那么这是怎么实现的那,其实,换肤只不过是在对应的位置改了Css样式罢了!! 下面就演示如何简单的换肤 在设计HTmL代码时,注意一些小技巧,可以将皮肤选项按钮的id设置成和皮肤样式文件名称相同,这样皮肤切换的操作就简单多了样式连接要带一个有Id样式的连接表,通过操作该链接的href属性的值,从而实现换肤.即: 用户点击完就可以换肤了,但是,当用户刷新或者关闭浏览器

mk盒子界面是空白\皮肤没有用\怎么更换鼠标样式\找不到cg

  1.为什么打开mk盒子界面是空白 有的朋友在打开Mk盒子的时候,路径没有自动选择,还是用的我电脑存放英雄联盟的路径,所以导致mk英雄界面空白. 其实,只要在重新选择一次您电脑里英雄联盟路径即可 2.MKlol盒子皮肤没有用怎么办 为什么,我在进游戏的时候,明明把QT语音给取消了,为什么进游戏之后还是不显示英雄皮肤? 不用着急,有什么问题可以在线留言,一般第一时间帮网友们解决,能让所有网友们体验到最新皮肤的乐趣与快感. 第一步.首先检测进入游戏的时候,开启qt语音没有,记住一定要把勾去掉.

手机谷歌输入法更换皮肤方法

  现在,不少人都在使用手机谷歌输入法,有用户在问,手机谷歌输入法怎么更换皮肤.今天,小编就跟大家分享手机谷歌输入法更换皮肤方法. 1.打开谷歌输入法,假如是系统默认的谷歌输入法找不到打开按钮,大家可以在手机的输入法设置中找到; 2.然后我们在谷歌拼音输入法设置中点击选择"键盘"; 3.在键盘设置中我们可以看到键盘主题背景,我们点击它; 4.然后我们就可以选择自己想要设置的背景色了,我们点击选择深色质感看看; 5.如图所示就是深色质感的背景色了; 6.下面依次是浅色质感,holo浅色,