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

jquery监控数据是否变化(修正版)

Apr 12 Javascript

常用的JavaScript验证正则表达式汇总

Nov 26 Javascript

jQuery实现图片渐入渐出切换展示效果

Aug 15 Javascript

JavaScript实现99乘法表及隔行变色实例代码

Feb 24 Javascript

基于jquery编写分页插件

Mar 07 Javascript

总结在前端排序中遇到的问题

Jul 19 Javascript

js检测离开或刷新页面时表单数据是否更改的方法

Aug 02 Javascript

JS 仿支付宝input文本输入框放大组件的实例

Nov 14 Javascript

浅谈Emergence.js 检测元素可见性的 js 插件

Nov 18 Javascript

微信小程序实现工作时间段选择

Feb 15 Javascript

小程序中使用css var变量(使js可以动态设置css样式属性)

Mar 31 Javascript

JavaScript实现世界各地时间显示

Sep 07 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绘制在图片上的正余弦曲线

2013/06/08 PHP

php的SimpleXML方法读写XML接口文件实例解析

2014/06/16 PHP

php数组函数array_walk用法示例

2016/05/26 PHP

php flush无效,IIS7下php实时输出的方法

2016/08/25 PHP

jsTree树控件(基于jQuery, 超强悍)[推荐]

2009/09/01 Javascript

jQueryUI的Dialog的简单封装

2010/06/07 Javascript

js焦点文字滚动效果代码分享

2015/08/25 Javascript

jquery 实现滚动条下拉时无限加载的简单实例

2016/06/01 Javascript

防止Node.js中错误导致进程阻塞的办法

2016/08/11 Javascript

nodejs微信公众号支付开发

2016/09/19 NodeJs

Bootstrap警告框（Alert）插件使用方法

2017/03/21 Javascript

详解用node搭建简单的静态资源管理器

2017/08/09 Javascript

express+mockjs实现模拟后台数据发送功能

2018/01/07 Javascript

深入理解Vue父子组件生命周期执行顺序及钩子函数

2018/08/12 Javascript

小程序开发基础之view视图容器

2018/08/21 Javascript

详解Vue项目部署遇到的问题及解决方案

2019/01/11 Javascript

vue如何截取字符串

2019/05/06 Javascript

JS获取动态添加元素的方法详解

2019/07/31 Javascript

layui异步加载table表中某一列数据的例子

2019/09/16 Javascript

在vue中实现echarts随窗体变化

2020/07/27 Javascript

[00:56]PWL开团时刻DAY8——追追追追追！

2020/11/09 DOTA

Python Sphinx使用实例及问题解决

2020/01/17 Python

python打开音乐文件的实例方法

2020/07/21 Python

前端实现打印图像功能

2019/08/27 HTML / CSS

Paul’s Boutique官网：英国时尚手袋品牌

2018/03/31 全球购物

英国领先的豪华时尚家居网上商店：Amara

2019/08/12 全球购物

俄罗斯三星品牌商店：GalaxyStore

2020/11/04 全球购物

Java面试题：说出如下代码的执行结果

2015/10/30 面试题

护理自荐信范文

2013/10/05 职场文书

工伤事故赔偿协议书

2014/04/15 职场文书

感恩父母的演讲稿

2014/05/06 职场文书

公司优秀员工获奖感言

2014/08/14 职场文书

2016年党员公开承诺书格式范文

2016/03/24 职场文书

Python基础之操作MySQL数据库

2021/05/06 Python

Python selenium模拟网页点击爬虫交管12123违章数据

2021/05/26 Python

中国十大神话动漫电影排行榜哪吒登顶白蛇缘起排第七

2022/03/21 国漫