通過存儲在瀏覽器中不重復隨機頁面背景

Question

所以我是JS的初學者，我寫了一個非常簡單的腳本來隨機選擇網站頁面的背景圖像。 問題有時是導航到新頁面或重新加載同一頁面時，將隨機選擇同一圖像。 我需要某種方式來存儲剛剛用作瀏覽器背景的圖像。

這是我的腳本：

    var rand_image_bg = function(){
        $('<div id="background_container"><img class="background_image"/></div>').insertAfter("#menu");
        var image_src = ["Images/spaceship.jpg", "Images/hallway.jpg", "Images/steampunk.jpg", "Images/mine.jpg"];
        var selected_bg_image = Math.floor((Math.random()*image_src.length)+1)-1;
        console.log($("body").data("bg_image"));
        if (selected_bg_image == /*Number of the previous background image*/) {
            selected_bg_image = image_src.length-1-selected_bg_image;
        }
        $(".background_image").attr("src",""+image_src[selected_bg_image]+"");
        /*Record number of the new background image for later*/
    }

任何人都可以給我的建議都是很棒的。 請記住，我是初學者，所以請保持簡單。 謝謝！

Answer 1

遵循adeno的建議，我寫了這個，它似乎起作用了：

    var rand_image_bg = function(){
        $('<div id="background_container"><img class="background_image"/></div>').insertAfter("#menu");
        var image_src = ["Images/spaceship.jpg", "Images/hallway.jpg", "Images/steampunk.jpg", "Images/mine.jpg"];
        var selected_bg_image = Math.floor((Math.random()*image_src.length)+1)-1;
        if (selected_bg_image == localStorage.bg_image) {
            selected_bg_image = image_src.length-1-selected_bg_image;
        }
        $(".background_image").attr("src",""+image_src[selected_bg_image]+"");
        localStorage.bg_image = selected_bg_image;
    }
    rand_image_bg();