javascript - 如何在每个 session 中更改链接颜色

Question

我正在尝试找出一种方法来更改每个 session 中网站的悬停链接颜色。

我有一些 javascript 可以在每次悬停时更改悬停颜色...

<script>
    var colors = Array("#A3F8EF", "#FF7275", "#CBB6E7", "#FF9D74", "#FDF874"),
        idx;
    $("div a").hover(function() {
        idx = Math.floor(Math.random() * colors.length); // Pick random index
        $(this).css("background-color", colors[idx]);
    }, function() {
        $(this).css("background-color", "transparent");
    });
</script>

但我不确定如何在每个 session 中只执行此操作？考虑可能使用此 javascript https://github.com/js-cookie/js-cookie

用类似的东西

 if($.cookie("visited")){ //hover color set } else { //set hover color
 }

但如果有其他建议就更好了

---更多信息---

刚刚发现这个网站几乎可以满足我的需求，但每天都在变化而不是刷新。 http://www.intworks.com/不太确定它是如何完成的？

Answer 1

if(localStorage.getItem('popState') != 'shown'){
    //enter your code here to work on the initial session
        localStorage.setItem('popState','shown')
    });
}

您是否了解过 HTML5 本地存储？我发现它非常有用，看起来好像可以在这里应用。只是需要考虑的事情。 (以上片段我在 jQuery 中使用)