js控制不同的时间段显示不同的css样式的实例代码_Javascript教程-查字典教程网
js控制不同的时间段显示不同的css样式的实例代码
js控制不同的时间段显示不同的css样式的实例代码
发布时间:2016-12-30 来源:查字典编辑
摘要: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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类