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

jquery formValidator插件ajax验证内容不做任何修改再离开提示错误的bug解决方法

Jan 04 Javascript

使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法

Apr 15 Javascript

window.location的重写及判断location是否被重写

Sep 04 Javascript

深入理解JavaScript系列（30）：设计模式之外观模式详解

Mar 03 Javascript

百度搜索框智能提示案例jsonp

Nov 28 Javascript

js图片延迟加载(Lazyload)三种实现方式

Mar 01 Javascript

jQuery实现百度登录框的动态切换效果

Apr 21 jQuery

JS开发中基本数据类型具体有哪几种

Oct 19 Javascript

bootstrap轮播模板使用方法详解

Nov 17 Javascript

详解搭建es6+devServer简单开发环境

Sep 25 Javascript

vue全局使用axios的方法实例详解

Nov 22 Javascript

vue通过video.js解决m3u8视频播放格式的方法

Jul 30 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

关于文本留言本的分页代码

2006/10/09 PHP

php简单提示框alert封装函数

2010/08/08 PHP

phpmailer发送gmail邮件实例详解

2013/06/24 PHP

jquery图片上下tab切换效果

2011/03/18 Javascript

javascript面向对象编程代码

2011/12/19 Javascript

JS下拉缓冲菜单示例代码

2013/08/30 Javascript

jQuery之DOM对象和jQuery对象的转换与区别分析

2015/01/08 Javascript

JavaScript获取表单内所有元素值的方法

2015/04/02 Javascript

jQuery插件pagination实现分页特效

2015/04/12 Javascript

js实现简单的联动菜单效果

2015/08/19 Javascript

纯JavaScript代码实现文本比较工具

2016/02/17 Javascript

详解JavaScript中this的指向问题

2017/01/20 Javascript

Javascript实现base64的加密解密方法示例

2017/06/27 Javascript

vue组件发布到npm简单步骤

2017/11/30 Javascript

从零开始最小实现react服务器渲染详解

2018/01/26 Javascript

jquery 动态遍历select 赋值的实例

2018/09/12 jQuery

layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子

2019/09/06 Javascript

vue通过过滤器实现数据格式化

2020/07/20 Javascript

Python常用小技巧总结

2015/06/01 Python

Python批量发送post请求的实现代码

2018/05/05 Python

python之pexpect实现自动交互的例子

2019/07/25 Python

pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法

2019/08/17 Python

python调用matplotlib模块绘制柱状图

2019/10/18 Python

Python3直接爬取图片URL并保存示例

2019/12/18 Python

python源文件的字符编码知识点详解

2021/03/04 Python

世界顶级俱乐部的官方球衣和套装：Subside Sports

2018/04/22 全球购物

信息专业大学生自我评价分享

2014/01/17 职场文书

小学生考试获奖感言

2014/01/30 职场文书

初中校园广播稿

2014/02/02 职场文书

学习2014年全国两会心得体会

2014/03/12 职场文书

村庄绿化方案

2014/05/07 职场文书

乐山大佛导游词

2015/02/02 职场文书

高中诗歌鉴赏教学反思

2016/02/16 职场文书

Spring Boot 实现 WebSocket

2022/04/30 Java/Android

Windows server 2012 NTP时间同步的实现

2022/06/25 Servers

Python sklearn分类决策树方法详解

2022/09/23 Python