手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js控制不同的时间段显示不同的css样式的实例代码
js控制不同的时间段显示不同的css样式的实例代码
摘要:js函数,可以放到单独的js文件中也可以放到当前页的标记之内复制代码代码如下:functiongetCSS(){datetoday=newD...

js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内

复制代码 代码如下:

function getCSS()

{

datetoday = new Date();

timenow=datetoday.getTime();

datetoday.setTime(timenow);

thehour = datetoday.getHours();

if (thehour<12)

display = "1.css";

else if (thehour>12)

//样式表的名称,或者你可以加上路径

display = "1.css";

else

display = "2.css";

//(...想要更多再加即可...)

var css = '<';

css+='link rel="stylesheet" href='+display+' /';

css+='>';

document.write(css);

}

应用该样式表的HTML文件

复制代码 代码如下:

<html>

<head>

<title>在不同的时间显示不同的提示信息</title>

<script type="text/javascript" src="dacss.js"></script>

</head>

<body>

<script type="text/javascript">

window.onload=getCSS();

</script>

js控制不同的时间段显示不同的css样式

</body>

</html>

【js控制不同的时间段显示不同的css样式的实例代码】相关文章:

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

网页里控制图片大小的相关代码

js去字符串前后空格的实现方法

Javascript随机显示图片的源代码

javascript动态创建表格及添加数据实例详解

些很实用且必用的小脚本代码

js实现精美的图片跟随鼠标效果实例

Javascript特效:随机显示图片的源代码

一些很实用且必用的小脚本代码第1/5页

javascript实时显示当天日期的方法

精品推荐
分类导航