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>
Javascript 相关文章推荐
你的编程语言可以这样做吗?
Sep 07 Javascript
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
jQuery获取选中单选按钮radio的值
Dec 27 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
基于Vue插入视频的2种方法小结
Apr 02 Javascript
JS造成内存泄漏的几种情况实例分析
Mar 02 Javascript
JavaScript React如何修改默认端口号方法详解
Jul 28 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
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
php删除指定目录的方法
2015/04/03 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
Javascript模拟加速运动与减速运动代码分享
2014/12/11 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
jquery中EasyUI使用技巧小结
2015/02/10 Javascript
JS给Textarea文本框添加行号的方法
2015/08/20 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
DOM事件探秘篇
2017/02/15 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
python中遍历文件的3个方法
2014/09/02 Python
理解Python中的类与实例
2015/04/27 Python
Python的Django框架中的Context使用
2015/07/15 Python
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
Python rstrip()方法实例详解
2018/11/11 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
详解python算法常用技巧与内置库
2020/10/17 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
多媒体专业自我鉴定
2014/02/28 职场文书
生日宴会主持词
2014/03/20 职场文书
文明社区申报材料
2014/08/21 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
2014年电教工作总结
2014/12/19 职场文书
关于感谢信的范文
2015/01/23 职场文书