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

使用IE的地址栏来辅助调试Web页脚本

Mar 08 Javascript

根据鼠标的位置动态的控制层的位置

Nov 24 Javascript

Javascript公共脚本库系列(一): 弹出层脚本

Feb 24 Javascript

JQuery写动态树示例代码

Jul 31 Javascript

js数组依据下标删除元素

Apr 14 Javascript

jQuery实现在最后一个元素之前插入新元素的方法

Jul 18 Javascript

javascript实现简单的on事件绑定

Aug 23 Javascript

AngularJS入门教程之过滤器用法示例

Nov 02 Javascript

Javascript中将变量转换为字符串的三种方法

Sep 19 Javascript

Vue项目中设置背景图片方法

Feb 21 Javascript

详解JavaScript 的变量

Mar 08 Javascript

再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿

Dec 09 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

php常用的url处理函数总结

2014/11/19 PHP

Laravel 实现密码重置功能

2018/02/23 PHP

ThinkPHP6.0如何利用自定义验证规则规范的实现登陆

2020/12/16 PHP

javascript 模拟JQuery的Ready方法实现并出现的问题

2009/12/06 Javascript

js 学习笔记（三）

2009/12/29 Javascript

分享JavaScript获取网页关闭与取消关闭的事件

2013/12/13 Javascript

一个简单的jquery进度条示例

2014/04/28 Javascript

javascript实现复选框超过限制即弹出警告框的方法

2015/02/25 Javascript

Bootstrap基本插件学习笔记之模态对话框(16)

2016/12/08 Javascript

JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】

2017/01/22 Javascript

input获取焦点时底部菜单被顶上来问题的解决办法

2017/01/24 Javascript

vue下跨域设置的相关介绍

2017/08/26 Javascript

jquery+css实现下拉列表功能

2017/09/03 jQuery

基于VUE.JS的移动端框架Mint UI的使用

2017/10/11 Javascript

Javascript中prototype与__proto__的关系详解

2018/03/11 Javascript

解决layui追加或者动态修改的表单元素“没效果”的问题

2019/09/18 Javascript

vue实现select下拉显示隐藏功能

2019/09/30 Javascript

使用Mock.js生成前端测试数据

2020/12/13 Javascript

Python使用PyGreSQL操作PostgreSQL数据库教程

2014/07/30 Python

简单实现python聊天程序

2018/04/01 Python

python中virtualenvwrapper安装与使用

2018/05/20 Python

tensorflow: variable的值与variable.read_value()的值区别详解

2018/07/30 Python

关于Pycharm无法debug问题的总结

2019/01/19 Python

详解python 破解网站反爬虫的两种简单方法

2020/02/09 Python

python sorted函数原理解析及练习

2020/02/10 Python

scrapy数据存储在mysql数据库的两种方式(同步和异步)

2020/02/18 Python

html5中监听canvas内部元素点击事件的三种方法

2019/04/28 HTML / CSS

HTML5 Canvas像素处理使用接口介绍

2012/12/02 HTML / CSS

吃透移动端 1px的具体用法

2019/12/16 HTML / CSS

Original Penguin美国官网：布拉德皮特、强尼德普喜爱的服装品牌

2016/10/25 全球购物

通用求职信范文模板分享

2013/12/27 职场文书

大学考试作弊检讨书

2014/01/30 职场文书

高三上学期学习自我评价

2014/04/23 职场文书

奠基仪式策划方案

2014/05/15 职场文书

导游词之长城八达岭

2019/09/24 职场文书

golang 比较浮点数的大小方式

2021/05/02 Golang