编程 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 三种编解码方式

Feb 01 Javascript

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

Jun 14 Javascript

网页广告中JS代码的信息监听示例

Apr 02 Javascript

jquery实现页面常用的返回顶部效果

Mar 04 Javascript

全面理解闭包机制

Jul 11 Javascript

使用Ajax生成的Excel文件并下载的实例

Nov 21 Javascript

解决vue2.0动态绑定图片src属性值初始化时报错的问题

Mar 14 Javascript

详解vue中使用vue-quill-editor富文本小结（图片上传）

Apr 24 Javascript

js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

Jun 19 Javascript

js神秘的电报密码哈弗曼编码实现

Sep 10 Javascript

d3.js实现图形缩放平移

Dec 19 Javascript

javascript实现点击产生随机图形

Jan 25 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/11/23 PHP

php微信公众号开发之现金红包

2018/04/16 PHP

Javascript开发包大全整理

2006/12/22 Javascript

Prototype Hash对象学习

2009/07/19 Javascript

仅Firefox中链接A无法实现模拟点击以触发其默认行为

2011/07/31 Javascript

js实现点小图看大图效果的思路及示例代码

2013/10/28 Javascript

动态加载js的方法汇总

2015/02/13 Javascript

表单验证正则表达式实例代码详解

2015/11/09 Javascript

原生js实现手风琴功能（支持横纵向调用）

2017/01/13 Javascript

微信小程序开发MAP（地图）实例详解

2017/06/27 Javascript

jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法

2017/12/05 jQuery

JS实现验证码倒计时的注册页面

2018/01/02 Javascript

浅析Vue中method与computed的区别

2018/03/06 Javascript

Vue+ElementUI实现表单动态渲染、可视化配置的方法

2018/03/07 Javascript

JS实现table表格内针对某列内容进行即时搜索筛选功能

2018/05/11 Javascript

在Vuex使用dispatch和commit来调用mutations的区别详解

2018/09/18 Javascript

JS XMLHttpRequest原理与使用方法深入详解

2020/04/30 Javascript

[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2

2018/06/03 DOTA

python多线程抓取天涯帖子内容示例

2014/04/03 Python

Python 实现随机数详解及实例代码

2017/04/15 Python

python数据类型判断type与isinstance的区别实例解析

2017/10/31 Python

python微信公众号之关键词自动回复

2018/06/15 Python

python 统计数组中元素出现次数并进行排序的实例

2018/07/02 Python

利用Python将文本中的中英文分离方法

2018/10/31 Python

pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法

2019/06/21 Python

英国复古皮包品牌：Beara Beara

2018/07/18 全球购物

P/Invoke是什么

2015/07/31 面试题

交通事故赔偿协议书

2014/04/15 职场文书

中文专业毕业生自荐信

2014/05/24 职场文书

教师学习八项规定六项禁令思想汇报

2014/09/27 职场文书

2014年城管工作总结

2014/11/20 职场文书

2014年科普工作总结

2014/12/06 职场文书

战友聚会致辞

2015/07/28 职场文书

python numpy中multiply与*及matul 的区别说明

2021/05/26 Python

Go中的条件语句Switch示例详解

2021/08/23 Golang

Python 恐龙跑跑小游戏实现流程

2022/02/15 Python