Bring Your Ideas to Life
Everything that you dreamed of can be brought to life exactly at the moment when you decide to win.
Инструкция
(скрыть)
  1. Оформи прелоадер в zero block, задай ему 100% высоты. На другие страницы прелоадер можно добавить в alias block для того, чтобы не пришлось менять в коде ID на каждой странице. Блоку с SVG кодом задай класс svg-container.
  2. В форме укажи ID прелоадера и время, которое прелоадер должен отображаться на странице в секундах.
  3. Скопируй код и встать в блок T123.
  4. Расположи блок с кодом первым на странице, вторым должен быть блок с прелоадером.
<style>
    #rec431596931 {position: fixed;top: 0;left: 0;right: 0;display: none;bottom: 0;width: 100%; z-index: 100005;}
    #rec431596931.show {display: block;}
</style>
<script>
document.addEventListener("DOMContentLoaded", function(e) {
    const preload = document.querySelector('#rec431596931');
    const tm = 5500;
    let values = new Array();
    let oneday = new Date();
        
    function closePreload (el) {
        preload.style.opacity = 1;
        let preloadTime = setInterval(function(){
            preload.style.opacity = preload.style.opacity - 0.05;
            if (preload.style.opacity <= 0.05) { 
                clearInterval(preloadTime);
                preload.style.display = "none";
        }
        }, 5);
        document.body.style.overflow = "";
    }
    
    let value = localStorage.getItem(0);
    
    if (value) {
        if (value < new Date().getHours()) {
            localStorage.removeItem(0);
            localStorage.removeItem('preload');
            localStorage.clear();
        }
    }
    
    if (!localStorage.getItem('preload')) {
        document.body.style.overflow = "hidden";
        preload.classList.add('show');
        setTimeout(function(){
            closePreload(preload);
            localStorage.setItem('preload', true);
            oneday.setHours(oneday.getHours() + 1);
            values.push(oneday.getHours());
            try {
                localStorage.setItem(0, values.join(";"));
            } 
            catch (e) { }
        }, tm);
    } else {
        localStorage.setItem('preload', false);
        preload.style.display = 'none';
    }
});
</script>
Made on
Tilda