编程 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 图片轮换效果

Jul 29 Javascript

jQuery学习笔记之jQuery的DOM操作

Dec 22 Javascript

如何让页面在打开时自动刷新一次让图片全部显示

Dec 17 Javascript

实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)

Jan 11 Javascript

js与C#进行时间戳转换

Nov 14 Javascript

jQuery聚合函数实例

May 21 Javascript

js实现选中页面文字将其分享到新浪微博

Nov 05 Javascript

如何解决手机浏览器页面点击不跳转浏览器双击放大网页

Jul 01 Javascript

详解XMLHttpRequest（一）同步请求和异步请求

Sep 14 Javascript

详解vue express启动数据服务

Jul 05 Javascript

使用Webpack提高Vue.js应用的方式汇总(四种)

Jul 10 Javascript

vue中div禁止点击事件的实现

Apr 02 Vue.js

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

PHP 常用函数库和一些实用小技巧

2009/01/01 PHP

php实现约瑟夫问题的方法小结

2015/03/23 PHP

JsEasy简介 JsEasy是什么?与下载

2007/03/07 Javascript

轻松创建nodejs服务器（2）：nodejs服务器的构成分析

2014/12/18 NodeJs

js实现简单的可切换选项卡效果

2015/04/10 Javascript

你不知道的高性能JAVASCRIPT

2016/01/18 Javascript

JavaScript中的this,call,apply使用及区别详解

2016/01/29 Javascript

关于Bootstrap弹出框无法调用问题的解决办法

2016/03/10 Javascript

Java Spring 事务回滚详解

2016/10/17 Javascript

详解javascript表单的Ajax提交插件的使用

2016/12/29 Javascript

webpack4与babel配合使es6代码可运行于低版本浏览器的方法

2018/10/12 Javascript

jQuery事件blur()方法的使用实例讲解

2019/03/30 jQuery

JavaScript中callee和caller的区别与用法实例分析

2019/06/28 Javascript

使用typescript构建Vue应用的实现

2019/08/26 Javascript

[01:48]帕吉至宝加入游戏，遗迹战场现“千劫神屠”

2018/04/07 DOTA

Python3基础之条件与循环控制实例解析

2014/08/13 Python

python使用post提交数据到远程url的方法

2015/04/29 Python

pandas or sql计算前后两行数据间的增值方法

2018/04/20 Python

python中利用h5py模块读取h5文件中的主键方法

2018/06/05 Python

Python循环结构的应用场景详解

2019/07/11 Python

python实现复制大量文件功能

2019/08/31 Python

python对象销毁实例(垃圾回收)

2020/01/16 Python

python数据抓取3种方法总结

2021/02/07 Python

纯html5+css3下拉导航菜单实现代码

2013/03/18 HTML / CSS

Speedo速比涛法国官方网站：泳衣、泳镜、泳帽、泳裤

2019/07/30 全球购物

皇家阿尔伯特瓷器美国官网：Royal Albert美国

2020/02/16 全球购物

介绍一下.net和Java的特点和区别

2012/09/26 面试题

人力资源管理专业毕业生推荐信

2013/11/07 职场文书

大学四年学习的自我评价分享

2013/12/09 职场文书

园林施工员岗位职责

2013/12/11 职场文书

试用期转正鉴定评语

2014/01/27 职场文书

医学生求职信

2014/07/01 职场文书

植物生产学专业求职信

2014/08/08 职场文书

教师查摆问题及整改措施

2014/10/11 职场文书

2016年小学优秀班主任事迹材料

2016/02/29 职场文书

win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法

2022/07/23 数码科技