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

js 省地市级联选择

Feb 07 Javascript

如何让div span等元素能响应键盘事件操作指南

Nov 13 Javascript

js跨浏览器实现将字符串转化为xml对象的方法

Sep 25 Javascript

jquery选择符快速提取web表单数据示例

Mar 27 Javascript

JS验证只能输入小数点,数字,负数的实现方法

Oct 07 Javascript

Vue2.0 vue-source jsonp 跨域请求

Aug 04 Javascript

微信小程序数字滚动插件使用详解

Feb 02 Javascript

JS设计模式之状态模式概念与用法分析

Feb 05 Javascript

layer弹出子iframe层父子页面传值的实现方法

Nov 22 Javascript

vant(ZanUi)结合async-validator实现表单验证的方法

Dec 06 Javascript

借助云开发实现小程序短信验证码的发送

Jan 06 Javascript

Vue发布订阅模式实现过程图解

Apr 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

PHP代码保护--Zend Guard的使用详解

2013/06/03 PHP

PHP+Redis 消息队列实现高并发下注册人数统计的实例

2018/01/29 PHP

jQuery Ajax()方法使用指南

2014/11/19 Javascript

Javascript writable特性介绍

2015/02/27 Javascript

Jquery修改image的src属性,图片不加载问题的解决方法

2016/05/17 Javascript

JS组件Bootstrap Select2使用方法解析

2016/05/30 Javascript

javascript的replace方法结合正则使用实例总结

2016/06/16 Javascript

jQuery ajax方法传递中文时出现中文乱码的解决方法

2016/07/25 Javascript

js enter键激发事件实例代码

2016/08/17 Javascript

Angularjs 创建可复用组件实例代码

2016/10/09 Javascript

JavaScript中校验银行卡号的实现代码

2016/12/19 Javascript

JS实现滑动门效果的方法详解

2016/12/19 Javascript

jquery实时获取时间的简单实例

2017/01/26 Javascript

Angular中ng-bind和ng-model的区别实例详解

2017/04/10 Javascript

React Component存在的几种形式详解

2018/11/06 Javascript

一些可能会用到的Node.js面试题

2019/06/15 Javascript

js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例

2020/01/26 Javascript

Python删除指定目录下过期文件的2个脚本分享

2014/04/10 Python

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

2014/08/13 Python

Python多线程、异步＋多进程爬虫实现代码

2016/02/17 Python

不要用强制方法杀掉python线程

2017/02/26 Python

Python实现将文本生成二维码的方法示例

2017/07/18 Python

使用tensorflow实现线性svm

2018/09/07 Python

Python小进度条显示代码

2019/03/05 Python

OpenCV 边缘检测

2019/07/10 Python

18个Python脚本可加速你的编码速度(提示和技巧)

2019/10/17 Python

Python上下文管理器全实例详解

2019/11/12 Python

美国领先的眼镜和太阳镜在线零售商：Glasses.com

2019/08/26 全球购物

公司爱心捐款倡议书

2014/05/14 职场文书

计生专干事迹

2014/05/28 职场文书

商业计算机应用专业自荐书

2014/06/09 职场文书

监察建议书

2015/02/04 职场文书

施工现场安全管理制度

2015/08/05 职场文书

如何打开Win11系统注册表编辑器？Win11注册表编辑器打开修复方法

2022/04/05 数码科技

CentOS7和8下安装Maven3.8.4

2022/04/07 Servers

不负正版帝国之名《重返帝国》引领SLG手游制作新的标杆

2022/04/07 其他游戏