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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
JavaScript.Encode手动解码技巧
Jul 14 Javascript
这些年、我收集的JQuery代码小结
Aug 01 Javascript
JS随机漂浮广告代码具体实例
Nov 19 Javascript
js 实现浏览历史记录示例
Apr 20 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
jQuery内部原理和实现方式浅析
Feb 03 Javascript
jQuery简单获取键盘事件的方法
Jan 22 Javascript
Javascript实现代码折叠功能
Aug 25 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
获取本机IP地址的实例(JavaScript / Node.js)
Nov 24 Javascript
React手稿之 React-Saga的详解
Nov 12 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
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
php中计算未知长度的字符串哪个字符出现的次数最多的代码
2012/08/14 PHP
php中如何判断一个网页请求是ajax请求还是普通请求
2013/08/10 PHP
PHP判断IP并转跳到相应城市分站的方法
2015/03/25 PHP
Zend Framework处理Json数据方法详解
2016/12/09 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
微信小程序  生命周期详解
2016/10/27 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
Python中的自省(反射)详解
2015/06/02 Python
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
Python读取csv文件实例解析
2019/12/30 Python
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
日本即尚网:JSHOPPERS.com(支持中文)
2019/12/03 全球购物
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
教育学专业毕业生的自我鉴定
2013/11/26 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
《中国的气候》教学反思
2014/02/23 职场文书
关于美容院的活动方案
2014/08/14 职场文书
身边的榜样活动方案
2014/08/20 职场文书
公司感谢信范文
2015/01/22 职场文书
计划生育目标责任书
2015/05/09 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
新西兰:最新留学学习计划书写作指南
2019/07/15 职场文书
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle