Question

我想在用户访问网站时做一些动画，但我不希望每次用户在子页面之间切换时都显示动画。目前它每次都会动画，我不知道为什么。

这是我的代码：

$(document).ready(function() {
    "use strict";
    if (document.cookie.indexOf('visited') > -1) {
        // They've been here before.
        alert("hello again");
    }
    else {
        // set a new cookie
        var d = new Date();
        d.setTime(d.getTime() + (3600 * 1000));
        document.cookie = "visited=yes;" + "expires=" + d.toUTCString() + ";path=/";
        // slide in navbar
        sleep(100);
        document.getElementById("navlist").style.left = "63%";
    }
});

Answer 1

你可以简单地使用sessionStorage而不是像这样的cookie：

$(document).ready(function(){
  if(sessionStorage.getItem("visitedBefore") == undefined){
            sessionStorage.setItem("visitedBefore", "1");
            alert("Welcome for the first time!");
    }
});

Here is the JSFiddle demo

将cookie设置为1小时并在加载时检查它

1 个答案: