如何只运行一次灯箱？

Question

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

Answer 1

您可以使用localStorage或cookies。测试用户是否还没有访问过您的网页（在这种情况下获取visited - 键）＆gt;打开灯箱，然后设置visited键。现在，每次用户打开您的页面时，visited - 键都不会为false，并且您的灯箱将无法打开：

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

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

提问者（在comment中）问他可能是一个更好的解决方案：

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