js控制不同的时间段显示不同的css样式的实例代码

 更新时间:2013年11月04日 16:32:33   作者:  
这篇文章介绍了js控制不同的时间段显示不同的css样式的实例代码,有需要的朋友可以参考一下

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 data日期初始化的5种方法

    js data日期初始化的5种方法

    本文为大家介绍下js data日期初始化的常用5种方法,感兴趣的朋友可以参考下
    2013-12-12
  • JavaScript脚本性能的优化方法

    JavaScript脚本性能的优化方法

    JavaScript是一种解释型语言,所以能无法达到和C/Java之类的水平,限制了它能在客户端所做的事情,为了能改进他的性能,我想基于我以前给JavaScript做过的很多测试来谈谈自己的经验,希望能帮助大家改进自己的JavaScript脚本性能。
    2007-02-02
  • JavaScript 12个有用的数组技巧

    JavaScript 12个有用的数组技巧

    数组是Javascript最常见的概念之一,它为我们提供了处理数据的许多可能性,熟悉数组的一些常用操作是很有必要的。本文将为大家介绍12个有用的JavaScript数组技巧,需要的朋友可以参考一下
    2021-12-12
  • js+html5绘制图片到canvas的方法

    js+html5绘制图片到canvas的方法

    这篇文章主要介绍了js+html5绘制图片到canvas的方法,涉及html5元素操作的相关技巧,需要的朋友可以参考下
    2015-06-06
  • javascript实现简单的分页特效

    javascript实现简单的分页特效

    下面给大家汇总的几个javascript实现的分页代码,当然必须要结合后台代码实现。大家可以自行分析一下代码,希望能够给大家带来一定的帮助
    2015-08-08
  • javascript密码强度校验代码(两种方法)

    javascript密码强度校验代码(两种方法)

    为了保证网站个人信息的安全,很多网站在注册页面都设置密码强度这项,用javascript如何实现密码强度校验代码呢?下面小编给大家整理了两种方法使用javascript密码强度校验代码,有需要的朋友可以参考下
    2015-08-08
  • 3分钟掌握常用的JS操作JSON方法总结

    3分钟掌握常用的JS操作JSON方法总结

    工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结
    2017-04-04
  • js前端如何写一个精确的倒计时代码

    js前端如何写一个精确的倒计时代码

    关于写倒计时大家可能都都比较熟悉,使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题,但是如果是长时间的倒计时,这样写就会不准确
    2019-10-10
  • Java Script网页设计案例详解

    Java Script网页设计案例详解

    下面我将提供一个简单的JavaScript网页设计案例,该案例将实现一个动态的待办事项列表(Todo List),用户可以在页面上添加新的待办事项,标记它们为已完成,以及删除它们,这篇文章主要介绍了Java Script网页设计案例,需要的朋友可以参考下
    2024-08-08
  • javascript动态添加checkbox复选框的方法

    javascript动态添加checkbox复选框的方法

    这篇文章主要介绍了javascript动态添加checkbox复选框的方法的相关资料,需要的朋友可以参考下
    2015-12-12

最新评论