Javascript 根据时间和比例将背景更改为浏览器窗口_Javascript_Time_Background_Scale

Javascript 根据时间和比例将背景更改为浏览器窗口

javascript time

Javascript 根据时间和比例将背景更改为浏览器窗口,javascript,time,background,scale,Javascript,Time,Background,Scale,所以我希望根据时间改变我网页的背景。也就是说，白天一张图片，晚上一张图片。我在这个网站上发现了一个非常好的帖子，它运行得非常好，但我还需要它做一件事，用浏览器窗口缩放图像，而不是用页面滚动。我找到的更改背景的代码是 </body> <script type="text/javascript"> var currentTime = new Date().getHours(); if(5 < currentTime && current

所以我希望根据时间改变我网页的背景。也就是说，白天一张图片，晚上一张图片。我在这个网站上发现了一个非常好的帖子，它运行得非常好，但我还需要它做一件事，用浏览器窗口缩放图像，而不是用页面滚动。我找到的更改背景的代码是

</body>
<script type="text/javascript">
    var currentTime = new Date().getHours();
    if(5 < currentTime && currentTime < 18){
        if (document.body) {
            document.body.background = 'images/bg-day.png';
        }
    } else {
        if (document.body) {
            document.body.background = 'images/bg-night.png';
        }
}
</script>
</html>


var currentTime=new Date（）.getHours（）；
如果（5


但我希望图像能够随浏览器窗口缩放，并在滚动时保持固定，以便只滚动我的内容。
这样地

目前，我已经有了完整的背景工作良好，但我希望它在晚上改变
如果有人能弄明白，我将永远欠你的债
谢谢
只需将背景设置为固定，这与javascript无关。
将此添加到CSS样式中：
body {
    background-attachment: fixed;
}

只需将背景设置为固定，这与javascript无关。
将此添加到CSS样式中：
body {
    background-attachment: fixed;
}

在示例页面中，您将看到他们将背景图像放在名为bg的div中，而不是像时间脚本中那样放在document.body.background中。然后，他们在源代码顶部的样式标记中设置该div的css。（右键单击并“查看源”。）
因此，如果您想模仿您的示例，请在身体中创建一个div，如下所示：
<body>
    <div id="bg">
        <img id="my-bg-image" src="images/bg-day.png" alt="">
    </div>
</body>

然后，使用一点jQuery魔术（只是为了让它更简单），将time if语句修改为如下内容：
if(5 < currentTime && currentTime < 18){
    $('#my-bg-image').attr('src', 'images/bg-day.png');
} else {
    $('#my-bg-image').attr('src', 'images/bg-night.png');
}

if（5

如果您决定使用jQuery，请不要忘记将其包括在内。
在示例页面中，您将看到他们将背景图像放在名为bg的div中，而不是像在时间脚本中那样放在document.body.background中。然后，他们在源代码顶部的样式标记中设置该div的css。（右键单击并“查看源”。）
因此，如果您想模仿您的示例，请在身体中创建一个div，如下所示：
<body>
    <div id="bg">
        <img id="my-bg-image" src="images/bg-day.png" alt="">
    </div>
</body>

然后，使用一点jQuery魔术（只是为了让它更简单），将time if语句修改为如下内容：
if(5 < currentTime && currentTime < 18){
    $('#my-bg-image').attr('src', 'images/bg-day.png');
} else {
    $('#my-bg-image').attr('src', 'images/bg-night.png');
}

if（5

如果您决定使用jQuery，请不要忘记包含它。
您应该更改标题，以更好地反映您的要求（而不是您已经做了什么）。好像你已经把你自己问题的答案贴出来了。我真的不知道怎么说。我可以让背景像我想要的那样改变，或者我可以让它缩放到浏览器窗口。我不能两者都做。这就是我需要帮助的地方。我希望有人能在我的代码中添加一些东西，使图像在浏览器窗口中缩放。你应该更改标题，以更好地反映你的要求（而不是你已经做了什么）。好像你已经把你自己问题的答案贴出来了。我真的不知道怎么说。我可以让背景像我想要的那样改变，或者我可以让它缩放到浏览器窗口。我不能两者都做。这就是我需要帮助的地方。我希望有人能在我的代码中添加一些东西，使图像在浏览器窗口中缩放。太好了。但我还需要背景，以及浏览器大小的比例。在这个页面上，你可以看到图像是全屏的，当你调整浏览器窗口的大小时，它不会被切断。这太棒了。但我还需要背景，以及浏览器大小的比例。在此页面上，您可以看到图像是全屏的，当您调整浏览器窗口的大小时，图像不会被切断。