编程 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获得选中文本内容的方法

Dec 02 Javascript

第一个JavaScript入门基础 document.write输出

Feb 22 Javascript

图片轮换效果实现代码(点击按钮停止执行)

Apr 12 Javascript

js setTimeout 常见问题小结

Aug 13 Javascript

jQuery UI库中dialog对话框功能使用全解析

Apr 23 Javascript

AngularJS基础 ng-click 指令示例代码

Aug 01 Javascript

javascript 解决浏览器不支持的问题

Sep 24 Javascript

仿vue-cli搭建属于自己的脚手架的方法步骤

Apr 17 Javascript

WebGL three.js学习笔记之阴影与实现物体的动画效果

Apr 25 Javascript

JavaScript实现美化滑块效果

May 17 Javascript

JS正则表达式验证端口范围(0-65535)

Jan 06 Javascript

JS校验与最终登陆界面功能完整示例

Jan 13 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

使用adodb lite解决问题

2006/12/31 PHP

收集的PHP中与数组相关的函数

2007/03/22 PHP

php获取淘宝分类id示例

2014/01/16 PHP

php采集神器cURL使用方法详解

2016/02/19 PHP

静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。

2007/03/06 Javascript

JavaScript 关键字屏蔽实现函数

2009/08/02 Javascript

Jquery iframe内部出滚动条

2010/02/11 Javascript

JavaScript Ajax Json实现上下级下拉框联动效果实例代码

2013/11/23 Javascript

javascript面向对象特性代码实例

2014/06/12 Javascript

jquery实现图片随机排列的方法

2015/05/04 Javascript

JavaScript 不支持 indexof 该如何解决

2016/03/30 Javascript

js中数组结合字符串实现查找(屏蔽广告判断url等)

2016/03/30 Javascript

深入理解JS继承和原型链的问题

2016/12/17 Javascript

基于 webpack2 实现的多入口项目脚手架详解

2017/06/26 Javascript

jQuery实现QQ空间汉字转拼音功能示例

2017/07/10 jQuery

详解webpack import()动态加载模块踩坑

2018/07/17 Javascript

vue动画之点击按钮往上渐渐显示出来的实例

2018/09/29 Javascript

jQuery实现点击旋转，再点击恢复初始状态动画效果示例

2018/12/11 jQuery

node之本地服务器图片上传的方法示例

2019/03/26 Javascript

Webpack按需加载打包chunk命名的方法

2019/09/22 Javascript

JS在Array数组中按指定位置删除或添加元素对象方法示例

2019/11/19 Javascript

[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2

2014/07/15 DOTA

[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场

2018/04/09 DOTA

Python中用memcached来减少数据库查询次数的教程

2015/04/07 Python

django 修改server端口号的方法

2018/05/14 Python

Python访问MongoDB,并且转换成Dataframe的方法

2018/10/15 Python

Python构建图像分类识别器的方法

2019/01/12 Python

python队列Queue的详解

2019/05/10 Python

利用 Python ElementTree 生成 xml的实例

2020/03/06 Python

定义css设备类型-Media Queries图表简介及使用方法

2013/01/21 HTML / CSS

建筑工程技术应届生自荐信

2013/09/27 职场文书

争先创优心得体会

2014/09/12 职场文书

2014年政府采购工作总结

2014/12/09 职场文书

党员承诺书范文2015

2015/04/27 职场文书

创业计划书之校园超市

2019/09/12 职场文书

C站最全Python标准库总结,你想要的都在这里

2021/07/03 Python