Endlosschleife Chips beendet?!

js/script.js

@@ -2,30 +2,36 @@
 
 console.log("Meine Seite läuft");
 
+// Chips erstellen
 function createChip() {
-
     const chip = document.createElement("img");
 
-    chip.src = "img/Chips.png";
-
+    chip.src = "img/Chips.png"; // ggf. Pfad prüfen
     chip.classList.add("chip");
 
+    const size = Math.random() * 50 + 50;
+    chip.style.width = size + "px";
+
     chip.style.left = Math.random() * window.innerWidth + "px";
 
-    chip.style.animationDuration =
-        (Math.random() * 3 + 3) + "s";
-
-    chip.style.width =
-        (Math.random() * 50 + 50) + "px";
+    const duration = Math.random() * 3 + 3;
+    chip.style.animationDuration = duration + "s";
 
     document.body.appendChild(chip);
 
-    setTimeout(() => {
+    // Entfernen nach Animation (besser als fixe Zeit)
+    chip.addEventListener("animationend", () => {
         chip.remove();
-    }, 6000);
+    });
 }
 
-setInterval(createChip, 300);
+// Start / Stop Logik (optional aber empfehlenswert)
+const chipInterval = setInterval(createChip, 300);
+
+// optional: nach 30 Sekunden stoppen
+setTimeout(() => {
+    clearInterval(chipInterval);
+}, 30000);