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

各种常用浏览器getBoundingClientRect的解析

May 21 Javascript

js 日期转换成中文格式的函数

Jul 07 Javascript

Chrome中模态对话框showModalDialog返回值问题的解决方法

May 25 Javascript

自用js开发框架小成学习js的朋友可以看看

Nov 16 Javascript

jQuery中each()方法用法实例

Dec 27 Javascript

一款基于jQuery的图片场景标注提示弹窗特效

Jan 05 Javascript

JS代码实现table数据分页效果

May 26 Javascript

jQuery Easyui快速入门教程

Aug 21 Javascript

JavaScript实现自动切换图片代码

Oct 11 Javascript

Angular实现双向折叠列表组件的示例代码

Nov 21 Javascript

Vue中使用方法、计算属性或观察者的方法实例详解

Oct 31 Javascript

js基于canvas实现时钟组件

Feb 07 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

php调用mysql存储过程实例分析

2014/12/29 PHP

php5对象复制、clone、浅复制与深复制实例详解

2019/08/14 PHP

jQuery选择器全面总结

2014/01/06 Javascript

JavaScript异步编程Promise模式的6个特性

2014/04/03 Javascript

jquery实现pager控件示例

2014/04/09 Javascript

JavaScript link方法入门实例（给字符串加上超链接）

2014/10/17 Javascript

JQuery ztree带筛选、异步加载实例讲解

2016/02/25 Javascript

网页中JS函数自动执行常用三种方法

2016/03/30 Javascript

jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)

2016/06/08 Javascript

node.js中module.exports与exports用法上的区别

2016/09/02 Javascript

JS实现根据用户输入分钟进行倒计时功能

2016/11/14 Javascript

jQuery Password Validation密码验证

2016/12/30 Javascript

jQuery实现的手风琴侧边菜单效果

2017/03/29 jQuery

Angularjs2不同组件间的通信实例代码

2017/05/06 Javascript

JS实现分页浏览横向图片(类轮播)实例代码

2017/11/06 Javascript

Vue结合Video.js播放m3u8视频流的方法示例

2018/05/04 Javascript

详解组件库的webpack构建速度优化

2018/06/18 Javascript

Vue实现点击显示不同图片的效果

2019/08/10 Javascript

微信小程序request请求封装，验签代码实例

2019/12/04 Javascript

[06:37]2014DOTA2国际邀请赛昔日王者渴望重回巅峰

2014/07/12 DOTA

Python基于列表模拟堆栈和队列功能示例

2018/01/05 Python

Django权限机制实现代码详解

2018/02/05 Python

分析python动态规划的递归、非递归实现

2018/03/04 Python

Django 连接sql server数据库的方法

2018/06/30 Python

python MNIST手写识别数据调用API的方法

2018/08/08 Python

Python实现提取XML内容并保存到Excel中的方法

2018/09/01 Python

使用虚拟环境打包python为exe 文件的方法

2019/08/29 Python

使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能

2019/12/12 Python

应届毕业生求职信

2013/11/30 职场文书

大学生入党思想汇报

2014/01/01 职场文书

《二泉映月》教学反思

2014/04/15 职场文书

《她是我的朋友》教学反思

2014/04/26 职场文书

小学二年级数学教学计划

2015/01/20 职场文书

2015年工程部工作总结

2015/04/30 职场文书

导游词之扬州大明寺

2019/10/09 职场文书

浅谈Laravel中使用Slack进行异常通知

2021/05/29 PHP