Kontaktiere uns | AllodClean, SHOP-Service,Ihr Partner: Reinigung der Zukunft!

document.addEventListener("DOMContentLoaded", function () { const texts = [ { heading: "Text 1", description: "Beschreibung 1" }, { heading: "Text 2", description: "Beschreibung 2" }, { heading: "Text 3", description: "Beschreibung 3" } ]; const progressBar = document.querySelector(".progress-bar-timer .elementor-progress-bar"); const heading = document.querySelector(".text-content h2"); // Überschrift const description = document.querySelector(".text-content p"); // Beschreibung let currentIndex = 0; function updateContent() { // Textinhalt aktualisieren heading.textContent = texts[currentIndex].heading; description.textContent = texts[currentIndex].description; // Fortschrittsbalken-Animation starten progressBar.style.width = "0%"; setTimeout(function () { progressBar.style.width = "100%"; }, 100); // Nächsten Index setzen currentIndex = (currentIndex + 1) % texts.length; } // Automatischer Wechsel alle 5 Sekunden let interval = setInterval(updateContent, 5000); // Buttons hinzufügen document.querySelector(".prev-button").addEventListener("click", function () { clearInterval(interval); // Automatik pausieren currentIndex = (currentIndex - 1 + texts.length) % texts.length; updateContent(); }); document.querySelector(".next-button").addEventListener("click", function () { clearInterval(interval); // Automatik pausieren currentIndex = (currentIndex + 1) % texts.length; updateContent(); }); // Initialer Aufruf updateContent(); });