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

div层的移动及性能优化

Nov 16 Javascript

一个级联菜单代码学习及removeClass与addClass的应用

Jan 24 Javascript

jcrop基本参数一览

Jul 16 Javascript

详解JavaScript正则表达式之分组匹配及反向引用

Mar 09 Javascript

Bootstrap基本组件学习笔记之进度条(15)

Dec 08 Javascript

JavaScript省市级联下拉菜单实例

Feb 14 Javascript

Bootstrap 表单验证formValidation 实现远程验证功能

May 17 Javascript

详解微信小程序通过控制CSS实现view隐藏与显示

May 24 Javascript

使用Vue如何写一个双向数据绑定(面试常见)

Apr 20 Javascript

谈谈为什么你的 JavaScript 代码如此冗长

Jan 30 Javascript

小程序如何构建骨架屏

May 29 Javascript

vue实现固定位置显示功能

May 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

一个简单的自动发送邮件系统(二)

2006/10/09 PHP

php实现的树形结构数据存取类实例

2014/11/29 PHP

基于php实现随机合并数组并排序(原排序)

2015/11/26 PHP

Jqyery中同等与js中windows.onload的应用

2011/05/10 Javascript

关于jquery的多个选择器的使用示例

2013/10/18 Javascript

使用focus方法让光标默认停留在INPUT框

2014/07/29 Javascript

js的[defer]和[async]属性

2014/11/24 Javascript

JS/Jquery判断对象为空的方法

2015/06/11 Javascript

JavaScript实现url参数转成json形式

2016/09/25 Javascript

Bootstrap滚动监听组件scrollspy.js使用方法详解

2017/07/20 Javascript

Angular4自制一个市县二级联动组件示例

2017/11/21 Javascript

微信小程序实现的涂鸦功能示例【附源码下载】

2018/01/12 Javascript

详解小程序中h5页面onShow实现及跨页面通信方案

2019/05/30 Javascript

vue iview的菜单组件Mune 点击不高亮的解决方案

2019/11/01 Javascript

vue实现修改图片后实时更新

2019/11/14 Javascript

探究一道价值25k的蚂蚁金服异步串行面试题

2020/08/21 Javascript

python单线程实现多个定时器示例

2014/03/30 Python

python通过scapy获取局域网所有主机mac地址示例

2014/05/04 Python

Python简单删除列表中相同元素的方法示例

2017/06/12 Python

python实现linux下抓包并存库功能

2018/07/18 Python

Pandas实现dataframe和np.array的相互转换

2019/11/30 Python

Python多进程编程常用方法解析

2020/03/26 Python

opencv-python的RGB与BGR互转方式

2020/06/02 Python

keras实现基于孪生网络的图片相似度计算方式

2020/06/11 Python

Joe Fresh官网：加拿大时尚品牌和零售连锁店

2016/11/30 全球购物

Yankee Candle官网：美国最畅销蜡烛品牌之一

2020/01/05 全球购物

NICKIS.com荷兰：设计师儿童时装

2020/01/08 全球购物

入党介绍人评语

2014/05/06 职场文书

会计专业自荐书

2014/07/08 职场文书

2015安全保卫工作总结

2015/04/25 职场文书

单位考核鉴定意见

2015/06/05 职场文书

仙境之桥观后感

2015/06/16 职场文书

2015年党建工作汇报材料

2015/06/25 职场文书

Nginx进程管理和重载原理详解

2021/04/22 Servers

python中的被动信息搜集

2021/04/29 Python

分享几个实用的CSS代码块

2022/06/10 HTML / CSS