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>

 

你可能感兴趣的:(css)