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

使用npm发布Node.JS程序包教程

Mar 02 Javascript

jQuery动画效果图片轮播特效

Jan 12 Javascript

js自定义QQ菜单效果

Jan 10 Javascript

基于JavaScript实现窗口拖动效果

Jan 18 Javascript

如何理解Vue的render函数的具体用法

Aug 30 Javascript

CryptoJS中AES实现前后端通用加解密技术

Dec 18 Javascript

vue中v-show和v-if的异同及v-show用法

Jun 06 Javascript

vue如何实现自定义底部菜单栏

Jul 01 Javascript

微信小程序3D轮播实现代码

Sep 19 Javascript

TypeScript高级用法的知识点汇总

Dec 17 Javascript

vue中keep-alive内置组件缓存的实例代码

Apr 16 Javascript

vue中的计算属性和侦听属性

Nov 06 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

全国FM电台频率大全 - 6 辽宁省

2020/03/11 无线电

PHP isset()与empty()的使用区别详解

2017/02/10 PHP

PHP date()格式MySQL中插入datetime方法

2019/01/29 PHP

JS+XML 省份和城市之间的联动实现代码

2009/10/14 Javascript

浏览器脚本兼容文本框中,回车键触发事件的兼容

2010/06/21 Javascript

通过$(this)使用jQuery包装后的方法或属性

2014/05/18 Javascript

JS+CSS实现的简单折叠展开多级菜单效果

2015/09/12 Javascript

jQuery实现下拉加载功能实例代码

2016/04/01 Javascript

jQuery获取复选框被选中数量及判断选择值的方法详解

2016/05/25 Javascript

vue分页组件table-pagebar使用实例解析

2020/11/15 Javascript

详解JS数据类型的值拷贝函数（深拷贝）

2017/07/13 Javascript

JavaScript常用工具方法封装

2019/02/12 Javascript

nodejs微信开发之接入指南

2019/03/17 NodeJs

ElementUI Tag组件实现多标签生成的方法示例

2019/07/08 Javascript

JS中如何轻松遍历对象属性的方式总结

2019/08/06 Javascript

[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10

2018/07/04 DOTA

python利用beautifulSoup实现爬虫

2014/09/29 Python

K-means聚类算法介绍与利用python实现的代码示例

2017/11/13 Python

浅谈Pandas中map, applymap and apply的区别

2018/04/10 Python

python range()函数取反序遍历sequence的方法

2018/06/25 Python

在Python中画图(基于Jupyter notebook的魔法函数)

2019/10/28 Python

Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签

2019/12/04 Python

浅谈keras中的后端backend及其相关函数(K.prod,K.cast)

2020/06/29 Python

Python3读写ini配置文件的示例

2020/11/06 Python

CSS3 实现弹幕的示例代码

2017/08/07 HTML / CSS

HTML5 Canvas API中drawImage()方法的使用实例

2016/03/25 HTML / CSS

预订从美国飞往印度的机票：MyTicketsToIndia

2017/05/19 全球购物

英国顶级珠宝品牌之家：John Greed

2018/06/09 全球购物

销售职业生涯规划范文

2014/03/14 职场文书

员工生日活动方案

2014/08/24 职场文书

公司人事任命通知

2015/04/20 职场文书

2015年乡镇安全生产工作总结

2015/05/19 职场文书

中国梦党课学习心得体会

2016/01/05 职场文书

街道办残联2016年助残日活动总结

2016/04/01 职场文书

Python爬虫之爬取二手房信息

2021/04/27 Python

深入理解pytorch库的dockerfile

2022/06/10 Python