zoukankan      html  css  js  c++  java
  • js控制不同的时间段显示不同的css样式

    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>

    佛为心,道为骨,儒为表,大度看世界; 技在手,能在身,思在脑,从容过生活; 三千年读史,不外功名利禄; 九万里悟道,终归诗酒田园;
  • 相关阅读:
    第2课 有符号与无符号
    第1课 基本数据类型
    HDU 5821 Ball
    Codeforces Round #228 (Div. 2) C. Fox and Box Accumulation
    HDU 5810 Balls and Boxes
    HDU 5818 Joint Stacks
    HDU 5813 Elegant Construction
    Codeforces Round #357 (Div. 2)C. Heap Operations
    Codeforces Round #364 (Div. 2) C. They Are Everywhere
    HDU5806 NanoApe Loves Sequence Ⅱ
  • 原文地址:https://www.cnblogs.com/taofx/p/4136909.html
Copyright © 2011-2022 走看看