profilpage/public/templates/loader.js

let pageTimeout;

let disable_timeout = true;

let is_loaded = false;

let dots = 0;

function loaded() {
    is_loaded = true;
    if (disable_timeout) {
        pageTimeout = setTimeout(showPage, 0);
    } else {
        pageTimeout = setTimeout(showPage, 9, 50);
    }
}

function showPage() {
    document.getElementById('loader-wr').innerHTML = "";
    document.getElementById('loader-wr').style.display = "none";
    let header_box = document.getElementById("header");
    let content_box = document.getElementById("content");

    header_box.style.display = "block";
    content_box.style.display = "block";

}

load();
let addDot;

function load() {
    if (!is_loaded) {
        addDot = setInterval(addPointHTMl, 300);
    }
}

function addPointHTMl() {
    if (is_loaded) {
        return;
    }
    if (dots === 4) {
        document.getElementById('loading').innerHTML = "Lade.";
    } else {
        document.getElementById('loading').innerHTML += ".";
    }
    dots++;
}