File Manager

✏️ Edit File: /home/mklsvubc/pgtankstorage.sg/wp-content/plugins/the-preloader/js/thePreloader.js

/**
 * ThePreloader.js
 * A lightweight preloader plugin.
 * 
 * @author    Alobaidi
 * @version   1.0.0
 */

class ThePreloader {
    constructor(options = {}) {
        this.options = {
            preloaderElement: typeof options.preloaderElement === 'string' && options.preloaderElement.trim() 
                ? options.preloaderElement.toLowerCase().trim() 
                : 'the-preloader-element'
        };

this.preloader = document.getElementById(this.options.preloaderElement);

this.init = this.init.bind(this);
        this.hidePreloader = this.hidePreloader.bind(this);
    }

fadeOut(element, duration) {
        return new Promise(resolve => {
            element.style.transition = `opacity ${duration}s ease-in-out`;
            element.style.opacity = '0';
            
            setTimeout(() => {
                element.style.display = 'none';
                resolve();
            }, duration * 1000 + 50);
        });
    }

async hidePreloader() {
        await new Promise(resolve => 
            setTimeout(resolve, 500)
        );

await this.fadeOut(this.preloader, 0.5);
        
        setTimeout(() => {
            this.preloader.remove();
        }, 50);
    }

init() {
        if ( !this.preloader ) {
            console.log('ThePreloader.js: Preloader element does not exist.');
            return;
        }

this.hidePreloader();
    }
}

document.addEventListener('DOMContentLoaded', function() {

window.addEventListener('load', () => {
        const the_Preloader = new ThePreloader({
            preloaderElement: 'the-preloader-element'
        });
        the_Preloader.init();
    });

});

Batal

⬅ Naik ke the-preloader 2 item

Nama	Tipe	Ukuran	Diubah	Aksi
🐘index.php	php	37 B	2025-08-06 00:41	✏️ Edit 👁️ View
📜thePreloader.js	js	1.7 KB	2025-08-06 00:41	✏️ Edit 👁️ View