UNPKG

futura.js

Version:

A small JavaScript library for common tasks such as Carousel, Exception, Animation handler and more...

3 lines (2 loc) 1.25 kB
class Preloader$$module$lib$core$Preloader extends HTMLElement{constructor(){super()}connectedCallback(){this.innerHTML='<div id="WindowPreloader" class="position-fixed top-0 start-0 w-100 modal-backdrop h-100 bg-black">\n <div class="container-fluid position-absolute start-0 top-50">\n <div class="row">\n <div class="col col-6 m-auto">\n <div style="height: 120px;width: 120px;" class="royal-preloader-inner overflow-hidden m-auto text-center rounded-circle ">\n <div class="w-100 h-100 rounded-circle position-relative royal-preloader-spin">\n <h2 class="text-white-50 m-auto fa-3x oswald-bold royal-preloader-text" style="line-height: 2">0</h2>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>'; window.onload=()=>{let a=0;setInterval(()=>{this.querySelector(".royal-preloader-text").innerText=a;a++},50);$(this).fadeOut("5000")}}}customElements.define("fv-preloader",Preloader$$module$lib$core$Preloader);var module$lib$core$Preloader={};module$lib$core$Preloader.default=Preloader$$module$lib$core$Preloader;