In the Internet, I found an interesting indicator-download (loader). Everything is fine, it works. But this script works every time I return to the page (where my script is located). Is it possible to make the indicator load 1 time for all the time? (for example, until the tab is closed)

// Hide loading overlay <div /> (with spinner) after page complete loading. After hiding, // <div /> will be removed, and for <body> removed css class 'noscroll' var _loading_spinner=setInterval(function() {if(document.readyState=='complete'){ var $page_loading = document.getElementById('page_loading'), $body = document.body || document.getElementsByTagName('body')[0], speed = 2500, delay = 2500; if((typeof $page_loading != 'undefined') && ($page_loading != null)){ setTimeout(function(){ var transition = 'opacity ' + speed.toString() + 'ms ease', removeCssClass = function(obj, className){ obj.className = obj.className.replace(className, '').replace(' ', ' '); }; ['-webkit-transition','-moz-transition','transition'].forEach(function(prefix){ $page_loading.style[prefix] = transition; }); $page_loading.style['opacity'] = '0'; $page_loading.style['filter'] = 'alpha(opacity=0)'; removeCssClass($body, 'noscroll'); setTimeout(function(){ $page_loading.parentNode.removeChild($page_loading); }, speed + 10); }, delay); } clearInterval(_loading_spinner); }},10);

    1 answer 1

    Before launching the preloader, you can check whether a certain cookie has been set, for example, preloaderShown . If set, skip the preloader; if not set, launch the preloader and set the preloaderShown cookie:

     function getCookie(name) { var matches = new RegExp('(^| )' + name + '=([^;]+)').exec(document.cookie); return matches && 2 in matches ? matches[2] : null; } if (!getCookie('preloaderShown')) { runPreloader(); document.cookie = 'preloaderShown=1'; }