MediaWiki:Common.js: различия между версиями

Страница интерфейса MediaWiki
(Эффект падающего снега)
 
Нет описания правки
Строка 1: Строка 1:
// Эффект падающего снега
// Эффект снега
(function() {
(function() {
     let snowflakes = [];
     const snowflakeCount = 50; // Количество снежинок
    const snowflakes = [];
 
     function createSnowflake() {
     function createSnowflake() {
         const snowflake = document.createElement('div');
         const snowflake = document.createElement('div');
         snowflake.className = 'snowflake';
         snowflake.classList.add('snowflake');
         document.body.appendChild(snowflake);
         document.body.appendChild(snowflake);
        snowflake.style.left = `${Math.random() * window.innerWidth}px`;
        snowflake.style.animationDuration = `${Math.random() * 3 + 2}s`;
        snowflake.style.opacity = Math.random();
        snowflake.style.fontSize = `${Math.random() * 10 + 10}px`;
         snowflakes.push(snowflake);
         snowflakes.push(snowflake);
    }


        setTimeout(() => {
    for (let i = 0; i < snowflakeCount; i++) {
            snowflake.remove();
         createSnowflake();
            snowflakes = snowflakes.filter(flake => flake !== snowflake);
         }, 5000);
     }
     }


     setInterval(createSnowflake, 200);
     setInterval(() => {
        snowflakes.forEach(snowflake => {
            snowflake.style.left = `${Math.random() * 100}vw`;
            snowflake.style.top = `${Math.random() * 100}vh`;
        });
    }, 1000);
})();
})();

Версия от 22:18, 22 декабря 2024

// Эффект снега
(function() {
    const snowflakeCount = 50; // Количество снежинок
    const snowflakes = [];

    function createSnowflake() {
        const snowflake = document.createElement('div');
        snowflake.classList.add('snowflake');
        document.body.appendChild(snowflake);
        snowflakes.push(snowflake);
    }

    for (let i = 0; i < snowflakeCount; i++) {
        createSnowflake();
    }

    setInterval(() => {
        snowflakes.forEach(snowflake => {
            snowflake.style.left = `${Math.random() * 100}vw`;
            snowflake.style.top = `${Math.random() * 100}vh`;
        });
    }, 1000);
})();