Différences entre versions de « MediaWiki:Common.js »

De ɴon-ᴀ
Sauter à la navigation Sauter à la recherche
m
m
 
Ligne 15 : Ligne 15 :
 
           document.body.removeChild(snowflake);
 
           document.body.removeChild(snowflake);
 
         }, 5000);
 
         }, 5000);
 +
      }
 +
 +
      function animateSnowflakes() {
 +
        var snowflakes = document.getElementsByClassName('snowflake');
 +
        var iterationCount = 0;
 +
 +
        function animate() {
 +
          for (var i = 0; i < snowflakes.length; i++) {
 +
            var snowflake = snowflakes[i];
 +
            snowflake.style.top = '0';
 +
            void snowflake.offsetWidth; // Trigger reflow
 +
            snowflake.style.top = '100vh'; // Set the end position
 +
          }
 +
 +
          iterationCount++;
 +
          if (iterationCount >= 20) {
 +
            clearInterval(animationInterval);
 +
          }
 +
        }
 +
 +
        var animationInterval = setInterval(animate, 5000); // Reset the animation every 5000 milliseconds
 
       }
 
       }
  
Ligne 23 : Ligne 44 :
  
 
         setInterval(createSnowflake, 500); // Create a new snowflake every 500 milliseconds
 
         setInterval(createSnowflake, 500); // Create a new snowflake every 500 milliseconds
 +
        animateSnowflakes();
 
       }
 
       }
  
 
       generateSnowflakes();
 
       generateSnowflakes();

Version actuelle datée du 21 janvier 2024 à 16:36

console.log("it's tiiiiiime");

var snowflakes = ["❄", "❅", "❆"];

      function createSnowflake() {
        var snowflake = document.createElement('div');
        snowflake.className = 'snowflake';
        snowflake.innerHTML = snowflakes[Math.floor(Math.random() * snowflakes.length)];
        snowflake.style.left = Math.floor(Math.random() * (document.documentElement.clientWidth || document.body.clientWidth)) + 'px';
        snowflake.style.top = '0';

        document.body.appendChild(snowflake);

        setTimeout(function () {
          document.body.removeChild(snowflake);
        }, 5000);
      }

      function animateSnowflakes() {
        var snowflakes = document.getElementsByClassName('snowflake');
        var iterationCount = 0;

        function animate() {
          for (var i = 0; i < snowflakes.length; i++) {
            var snowflake = snowflakes[i];
            snowflake.style.top = '0';
            void snowflake.offsetWidth; // Trigger reflow
            snowflake.style.top = '100vh'; // Set the end position
          }

          iterationCount++;
          if (iterationCount >= 20) {
            clearInterval(animationInterval);
          }
        }

        var animationInterval = setInterval(animate, 5000); // Reset the animation every 5000 milliseconds
      }

      function generateSnowflakes() {
        for (var i = 0; i < 20; i++) { // Create initial snowflakes
          createSnowflake();
        }

        setInterval(createSnowflake, 500); // Create a new snowflake every 500 milliseconds
        animateSnowflakes();
      }

      generateSnowflakes();