Loader javascript sessionStorage don't work

Question

I have this script and it works in half; The loader displaying in all pages but I want to show it only in home for first access.

sessionStorage.setItem('visited' , false);        
var visited = sessionStorage.getItem('visited');
if (visited != true) {
    jQuery(window).load(function() {
        jQuery(".famous-loader-overlay").delay(1500).fadeOut(1500);
    });
} else {
    jQuery(window).load(function() {
        jQuery(".famous-loader-overlay").hide();
    });
}
sessionStorage.setItem('visited', true);

score 2 · Accepted Answer · answered Nov 05 '18 at 14:28

2

Session storage keep data in string so you get always false. Try:

visited != "true"

answered Nov 05 '18 at 14:28

4b0

21,981
30
95
142

thanks! It work but after the first show in the other pages it is shown for a moment before disappearing, how I can fix it? Thanks – p.perfetto993 Nov 05 '18 at 14:48
Set time 1ms before load and use remove instead of hide. – 4b0 Nov 05 '18 at 14:51
how I set time? because I used the remove but it can be seen anyway – p.perfetto993 Nov 05 '18 at 15:11
see example for https://stackoverflow.com/questions/34478502/set-time-on-a-message-using-javascript-jquery time under your hand – 4b0 Nov 05 '18 at 15:16

score 0 · Answer 2 · answered Nov 05 '18 at 14:23

0

hide it in case it's just visited and set visited only if it was not

jQuery(window).load(function() {
    if (sessionStorage.getItem('visited')) {
        jQuery(".famous-loader-overlay").hide();
        return;
    }
    jQuery(".famous-loader-overlay").delay(1500).fadeOut(1500);
    sessionStorage.setItem('visited', "1");
});

answered Nov 05 '18 at 14:23

simonecosci

1,194
7
13

thanks! It work but after the first show in the other pages it is shown for a moment before disappearing, how I can fix it? Thanks – p.perfetto993 Nov 05 '18 at 14:33

Loader javascript sessionStorage don't work

2 Answers2