Javascript当前使用特定样式表的时间? [英] Javascript current hour to use specific stylesheet?

问题描述

我使用以下代码获取客户端的当前时间并知道是上午还是下午:

I use the following code to get the current hour of the client and to know if it's AM or PM:

<script type="text/javascript">
//get client time
var d = new Date();
if(d.getHours() >= 06 && d.getHours() <= 18){
    var dayStatus = "day";
    document.write("day");
}else{
    var dayStatus = "night";
    document.write("night");
}
</script>

我想出了如何确定客户是上午还是下午，但我想使用不同的 css 样式表，无论是白天还是晚上.我怎么能这样做?

I figured out how to find out if it's AM or PM for the client but I want to use different css stylesheet whether it's day or night. How could I do this?

这是我目前在我的 html HEAD 中得到的，这显然不起作用，只需要知道如何使它起作用:

This is what I got in my html HEAD so far which obviously does not work, just need to know how to make it work:

<script type="text/javascript">
if(dayStatus = "day"){
    <link href="includes/style.css" rel="stylesheet" type="text/css" />
}else{
    <link href="includes/style2.css" rel="stylesheet" type="text/css" />
}
</script>

推荐答案

您不能使用 JavaScript 更改(服务器端)会话.您确实需要在服务器端执行此操作.如果您需要客户端时间，则需要使用 AJAX 将其发布到服务器.但是，有两种更简单的方法可以做到:

You cannot change a (server-side) session using JavaScript. You really need to do this server-side. If you need the clients time, you will need to post it to the server using AJAX. There are, however, two easier ways of doing it:

客户端:

if (isDay) {
    document.write('<link type="text/css" rel="stylesheet" href="url/to/day.css" />');
} else {
    document.write('<link type="text/css" rel="stylesheet" href="url/to/night.css" />');
}

服务器端:

if ($isDay) {
    echo '<link type="text/css" rel="stylesheet" href="url/to/day.css" />';
} else {
    echo '<link type="text/css" rel="stylesheet" href="url/to/night.css" />';
}

这篇关于Javascript当前使用特定样式表的时间?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！