手机
当前位置:查字典教程网 >编程开发 >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特效:随机显示图片的源代码

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

javascript改变和控制显示的图片大小

js实现顶部可折叠的菜单工具栏效果实例

IE中直接运行显示当前网页中的图片 推荐

Jquery使用css方法改变样式实例

打印/预览/设置的客户端代码

在页面中输出当前客户端时间javascript实例代码

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

精品推荐
分类导航