Javascript 基于时间的样式转换器

我正在创建一个javascript，以便在一天中的某些时间，它会更改网页的布局。我还将其设置为，如果手动更改了样式，它将更改每个页面上的样式

当单击其中一个按钮手动更改它，然后转到另一个页面时，样式完全丢失。有人能帮忙吗

这是我的密码

// JavaScript Document
var mode = 0;

function webload() {
    if(mode == 0)
    {
        var d = new Date();
        var n = d.getHours();
        if (7 <= n && n < 18)
        {
            day();
        }
        else
        {
            night();
        }
    }
    elif(mode == 1)
    {
        day();
    }
    elif(mode == 2)
    {
        night();
    }
    elif(mode == 3)
    {
        highcon()
    }
}
function day() {
   document.body.style.background = 'url(images/day_bg_top.png) top scroll no-repeat, url(images/day_bg_bot.png) bottom scroll repeat-x, #53a3ff';
   document.getElementById('spacer').style.background = '#53a3ff';
   document.getElementById('spacer2').style.background = '#53a3ff';
   mode = 1
}
function night() {
   document.body.style.background = 'url(images/night_bg_top.png) top scroll no-repeat, url(images/night_bg_bot.png) bottom scroll repeat-x, #000c36';
   document.getElementById('spacer').style.background = '#000c36';
   document.getElementById('spacer2').style.background = '#000c36';
   mode = 2
}
function highcon() {
    document.body.style.background = 'url(images/night_bg_top.png) top scroll no-repeat, url(images/night_bg_bot.png) bottom scroll repeat-x, #000c36';
    document.getElementById('spacer').style.background = '#000c36';
    document.getElementById('spacer2').style.background = '#000c36';
    mode = 3
}

//JavaScript文档
var模式=0；
函数webload（）{
如果（模式==0）
{
var d=新日期（）；
var n=d.getHours（）；
如果（7下一页如何知道使用哪种样式？除了在当前页上进行更改外，您还需要将用户的选择保存到某个存储（如cookie）中。然后下一页必须从存储（cookie）中读取该选择并自动执行更改操作。
就我所知，您可能没有将模式变量持久化到任何地方。是否有我遗漏的东西会将其带到您的其他页面？还有，是否有您的实际代码？您在其中有elif语句，我认为Javascript没有该关键字。