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

如何实现动态删除javascript函数

May 27 Javascript

Jquery下:nth-child(an+b)的使用注意

May 28 Javascript

div当滚动到页面顶部的时候固定在顶部实例代码

May 27 Javascript

JS获取select-option-text_value的方法

Dec 26 Javascript

jQuery图片特效插件Revealing实现拉伸放大

Apr 22 Javascript

AngularJS控制器controller正确的通信的方法

Jan 25 Javascript

微信小程序详解页面跳转与返回并回传数据

Feb 13 Javascript

vue.js移动端tab组件的封装实践实例

Jun 30 Javascript

Underscore之Array_动力节点Java学院整理

Jul 10 Javascript

微信小程序自定义prompt组件步骤详解

Jun 12 Javascript

JS实现全屏预览F11功能的示例代码

Jul 23 Javascript

解决bootstrap中下拉菜单点击后不关闭的问题

Aug 10 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

IIS7.X配置PHP运行环境小结

2011/06/09 PHP

PHP中运用jQuery的Ajax跨域调用实现代码

2012/02/21 PHP

基于PHP的简单采集数据入库程序【续篇】

2014/07/30 PHP

PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题

2016/08/12 PHP

微信小程序消息推送php服务器验证实例详解

2017/03/30 PHP

PHP实现批量删除（封装）

2017/04/28 PHP

PHP中关于php.ini参数优化详解

2020/02/28 PHP

extjs 学习笔记（三）最基本的grid

2009/10/15 Javascript

8个超棒的学习 jQuery 的网站推荐收藏

2011/04/02 Javascript

js格式化货币数据实现代码

2013/09/04 Javascript

jquery mobile动态添加元素之后不能正确渲染解决方法说明

2014/03/05 Javascript

Jquery实现点击按钮,连续地向textarea中添加值的实例代码

2014/03/08 Javascript

JavaScript中的对象与JSON

2015/07/03 Javascript

JavaScript中var关键字的使用详解

2015/08/14 Javascript

js获取form表单所有数据的简单方法

2016/08/18 Javascript

Vue.js实现拖放效果的实例

2016/09/30 Javascript

JavaScript的兼容性与调试技巧

2016/11/22 Javascript

利用jQuery插件imgAreaSelect实现获得选择域的图像信息

2016/12/02 Javascript

jquery滚动条插件slimScroll使用方法

2017/02/09 Javascript

JavaScript初学者必看“new”

2017/06/12 Javascript

详解Angular 中 ngOnInit 和 constructor 使用场景

2017/06/22 Javascript

Python+OpenCV人脸检测原理及示例详解

2020/10/19 Python

django 实现电子支付功能的示例代码

2018/07/25 Python

解决pycharm的Python console不能调试当前程序的问题

2019/01/20 Python

python 引用传递和值传递详解(实参,形参)

2020/06/05 Python

keras中epoch,batch,loss,val_loss用法说明

2020/07/02 Python

django模型类中,null=True,blank=True用法说明

2020/07/09 Python

世界上最大的罕见唱片、CD和音乐纪念品网上商店：991.com

2018/05/03 全球购物

幼儿园运动会口号

2014/06/07 职场文书

自动化专业大学生职业生涯规划范文：爱拚才会赢

2014/09/12 职场文书

关于迟到的检讨书

2015/05/06 职场文书

工作转正自我鉴定范文

2019/06/21 职场文书

加薪申请书应该这样写！

2019/07/04 职场文书

手把手教你从零开始react+antd搭建项目

2021/06/03 Javascript

如何创建一个创建MySQL数据库中的datetime类型

2022/03/21 MySQL

面试官问我Mysql的存储引擎了解多少

2022/08/05 MySQL