javascript - 如何只运行一次灯箱？

Question

我创建了一个灯箱，每次我们点击网站主页时都会弹出，但我想在用户点击主页时显示一次，而不是每次点击主页时都显示。我怎样才能做到这一点？

Answer 1

你可以使用localStorageor cookies。测试用户是否尚未访问您的页面（visited在这种情况下通过获取 -key）> 打开您的灯箱并设置visited密钥。现在每次用户打开您的页面时visited-key 不是 false 并且您的灯箱将不会打开：

if( !window.localStorage.getItem("visited") ){
    alert(true);
    window.localStorage.setItem("visited", true);
}

http://fiddle.jshell.net/UsfAh/

正如提问者（在评论中）所问的那样，这对他来说可能是一个更好的解决方案：

window.onunload = function(){
    window.localStorage.setItem("visited", true);
};