не срабатывает localStorage(sesstionStorage)

364

05 апреля 2017, 15:20

не могу найти ошибку почему LocalStorage не работает, буду признателен за помощь. Анимация должна сработать раз, при переходе на другие странице она выключинена. Но когда мы заново открываем браузер - анимация снова появляеться; У меня мультиязычнный сайт, при откр - загружаеться русская версия, и естественно это сразу записываеться в sessionStorage, когда я выбираю язык анг анимации нет, так как она уже была, как можно сделать что при нажатии на $(".lang li a") sessionStorage очистилась и появилась на один раз анимация js:

$(function() {
var animation = !!parseInt(localStorage.getItem('animation'));
    if(animation) {
        setTimeout(function() {
            $("#hand").addClass("active");
        }, 2000);
        setTimeout(function() {
            $("#hand").removeClass("active");
        }, 11000);
    }
    localStorage.setItem('animation', 0);
    function changeImg() {
        var imgSrc = $("#hand img");
        var path = window.location.href;
        if (path.indexOf("http://agscoutingagency.com/") != -1) {
            imgSrc.attr("src", "http://agscoutingagency.com/wp-content/themes/agmodels/img/hand-ru-min.png");
        }
        if (path.indexOf("http://agscoutingagency.com/en") != -1) {
            imgSrc.attr("src", "http://agscoutingagency.com/wp-content/themes/agmodels/img/hand-eng-min.png");
        }
    }
    changeImg();
    $(".lang li a").click(function() {
        sessionStorage.removeItem('animation');
        sessionStorage.clear()
    });
});

Answer 1

var animation = sessionStorage.getItem('animation');
    if(animation === "false" || !sessionStorage.getItem('animation')) {
        setTimeout(function() {
            $("#hand").addClass("active");
        }, 2000);
        setTimeout(function() {
            $("#hand").removeClass("active");
        }, 11000);
        sessionStorage.setItem('animation', "true");
    } 
    window.onbeforeunload = function () {
        sessionStorage.setItem('animation', "true");
    }