编程 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 相关文章推荐

img的onload的另类用法

Jan 10 Javascript

JavaScript.Encode手动解码技巧

Jul 14 Javascript

这些年、我收集的JQuery代码小结

Aug 01 Javascript

JS随机漂浮广告代码具体实例

Nov 19 Javascript

js 实现浏览历史记录示例

Apr 20 Javascript

关闭页面window.location事件未执行的原因及解决方法

Sep 01 Javascript

jQuery内部原理和实现方式浅析

Feb 03 Javascript

jQuery简单获取键盘事件的方法

Jan 22 Javascript

Javascript实现代码折叠功能

Aug 25 Javascript

JQuery EasyUI 结合ztrIee的后台页面开发实例

Sep 01 jQuery

获取本机IP地址的实例(JavaScript / Node.js)

Nov 24 Javascript

React手稿之 React-Saga的详解

Nov 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

Mysql中limit的用法方法详解与注意事项

2008/04/19 PHP

php中计算未知长度的字符串哪个字符出现的次数最多的代码

2012/08/14 PHP

php中如何判断一个网页请求是ajax请求还是普通请求

2013/08/10 PHP

PHP判断IP并转跳到相应城市分站的方法

2015/03/25 PHP

Zend Framework处理Json数据方法详解

2016/12/09 PHP

PHP中检索字符串的方法分析【strstr与substr_count方法】

2017/02/17 PHP

javascript DOM编程实例(智播客学习)

2009/11/23 Javascript

跟我一起学写jQuery插件开发方法（附完整实例及下载）

2010/04/01 Javascript

捕获键盘事件(且兼容各浏览器)

2013/07/03 Javascript

JavaScript把数组作为堆栈使用的方法

2015/03/20 Javascript

JavaScript实现给按钮加上双重动作的方法

2015/08/14 Javascript

Jquery日历插件制作简单日历

2015/10/28 Javascript

js倒计时简单实现方法

2015/12/17 Javascript

Javascript之Number对象介绍

2016/06/07 Javascript

微信小程序生命周期详解

2016/10/27 Javascript

Canvas实现放射线动画效果

2017/02/15 Javascript

老生常谈jquery中detach()和remove()的区别

2017/03/02 Javascript

JS点击动态添加标签、删除指定标签的代码

2018/04/18 Javascript

Python中的自省（反射）详解

2015/06/02 Python

hmac模块生成加入了密钥的消息摘要详解

2018/01/11 Python

django之使用celery-把耗时程序放到celery里面执行的方法

2019/07/12 Python

Python读取csv文件实例解析

2019/12/30 Python

详解H5 活动页之移动端 REM 布局适配方法

2017/12/07 HTML / CSS

如何使用amaze ui的分页样式封装一个通用的JS分页控件

2020/08/21 HTML / CSS

日本即尚网：JSHOPPERS.com（支持中文）

2019/12/03 全球购物

当一个对象被当作参数传递到一个方法后，此方法可改变这个对象的属性，并可返回变化后的结果，那么这里到底是值传递还是引用传递?

2014/09/09 面试题

教育学专业毕业生的自我鉴定

2013/11/26 职场文书

修理厂厂长岗位职责

2014/01/30 职场文书

《中国的气候》教学反思

2014/02/23 职场文书

关于美容院的活动方案

2014/08/14 职场文书

身边的榜样活动方案

2014/08/20 职场文书

公司感谢信范文

2015/01/22 职场文书

计划生育目标责任书

2015/05/09 职场文书

美德少年事迹材料（2016推荐版）

2016/02/25 职场文书

新西兰：最新留学学习计划书写作指南

2019/07/15 职场文书

Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器

2022/06/28 Oracle