编程 Javascript

js控制不同的时间段显示不同的css样式的实例代码

Posted in Javascript onNovember 04, 2013

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 进阶篇2 CSS XML学习

Mar 14 Javascript

B/S模式项目中常用的javascript汇总

Dec 17 Javascript

js闭包的用途详解

Nov 09 Javascript

实例分析js和C#中使用正则表达式匹配a标签

Nov 26 Javascript

如何使用HTML5地理位置定位功能

Apr 27 Javascript

关于数据与后端进行交流匹配(点亮星星)

Aug 03 Javascript

JS使用正则表达式过滤多个词语并替换为相同长度星号的方法

Aug 03 Javascript

JavaScript数据结构学习之数组、栈与队列

May 02 Javascript

extjs简介_动力节点Java学院整理

Jul 17 Javascript

js图片轮播插件的封装

Jul 21 Javascript

一个小时快速搭建微信小程序的方法步骤

Apr 15 Javascript

Vue和React有哪些区别

Sep 12 Javascript

js实现瀑布流的一种简单方法实例分享

Nov 04 #Javascript

jquery监听div内容的变化具体实现思路

Nov 04 #Javascript

让新消息在网页标题闪烁提示的jQuery代码

Nov 04 #Javascript

Js判断参数(String,Array,Object)是否为undefined或者值为空

Nov 04 #Javascript

浅析return false的正确使用

Nov 04 #Javascript

javascript与jquery中跳出循环的区别总结

Nov 04 #Javascript

js中apply方法的使用详细解析

Nov 04 #Javascript

You might like

在任意字符集下正常显示网页的方法一

2007/04/01 PHP

利用PHP制作简单的内容采集器的代码

2007/11/28 PHP

php中计算中文字符串长度、截取中文字符串的函数代码

2011/08/09 PHP

php求数组全排列,元素所有组合的方法总结

2017/03/14 PHP

php实现小程序支付完整版

2018/10/09 PHP

如何在PHP中使用AES加密算法加密数据

2020/06/24 PHP

JavaScript 数组的 uniq 方法

2008/01/23 Javascript

iframe 上下滚动条如何默认在下方实现原理

2012/12/10 Javascript

两种不同的方法实现js对checkbox进行全选和反选

2014/05/13 Javascript

jQuery动画特效实例教程

2014/08/29 Javascript

使用FlexiGrid实现Extjs表格效果方法分享

2014/12/16 Javascript

浅析JavaScript声明变量

2015/12/21 Javascript

浅析$.getJSON异步请求和同步请求

2016/06/06 Javascript

JavaScript获取短信验证码（周期性）

2016/12/29 Javascript

微信小程序（三）：网络请求

2017/01/13 Javascript

Javascript 详解封装from表单数据为json串进行ajax提交

2017/03/29 Javascript

Vue Transition实现类原生组件跳转过渡动画的示例

2017/08/19 Javascript

jQuery zTree 异步加载添加子节点重复问题

2017/11/29 jQuery

JavaScript 数组去重并统计重复元素出现的次数实例

2017/12/14 Javascript

详解Vue.js项目API、Router配置拆分实践

2018/03/16 Javascript

微信小程序动态增加按钮组件

2018/09/14 Javascript

对vue中的事件穿透与禁止穿透实例详解

2019/10/28 Javascript

JavaScript实现省市联动效果

2019/11/22 Javascript

在dataframe两列日期相减并且得到具体的月数实例

2018/07/03 Python

Django压缩静态文件的实现方法详析

2018/08/26 Python

python中必要的名词解释

2019/11/20 Python

tensorflow对图像进行拼接的例子

2020/02/05 Python

python爬虫用mongodb的理由

2020/07/28 Python

HTML最新标准HTML5总结(必看)

2016/06/13 HTML / CSS

ParcelABC西班牙：包裹运送和快递服务

2019/12/24 全球购物

J2EE系统只能是基于web

2015/09/08 面试题

人力资源管理专业毕业生自我评价

2013/09/21 职场文书

岗位聘任书范文

2014/03/29 职场文书

2015年感恩父亲节演讲稿

2015/03/19 职场文书

python plt.plot bar 如何设置绘图尺寸大小

2021/06/01 Python

Java 超详细讲解hashCode方法

2022/04/07 Java/Android