=0} function startCounting(){counters.forEach(counter=>{const target=+counter.getAttribute('data-target');let count=0;const steps=100;const intervalTime=40;const step=target/steps;const update=()=>{count+=step;if(count>=target){counter.textContent=target}else{counter.textContent=Math.ceil(count);setTimeout(update,intervalTime)}};setTimeout(update,2000)})} function onScroll(){if(!counted&&isInViewport(container)){counted=!0;startCounting();window.removeEventListener('scroll',onScroll)}} window.addEventListener('scroll',onScroll)});document.addEventListener("DOMContentLoaded",function(){let counter1=document.getElementById("counter1");let counter2=document.getElementById("counter2");let counter3=document.getElementById("counter3");let counter4=document.getElementById("counter4");let counter5=document.getElementById("counter5");let counter6=document.getElementById("counter6");let counter7=document.getElementById("counter7");let counter8=document.getElementById("counter8");let targetValue1=80;let targetValue2=20;let targetValue3=10;let targetValue4=20;function startCounter(counterElement,targetValue){let currentValue=0;let increment=targetValue/100;const interval=setInterval(function(){currentValue+=increment;if(currentValue>=targetValue){currentValue=targetValue;clearInterval(interval)} counterElement.innerText=Math.floor(currentValue)},30)} const observer=new IntersectionObserver((entries,observer)=>{entries.forEach(entry=>{if(entry.isIntersecting){setTimeout(()=>{if(entry.target.id==="counter1")startCounter(counter1,targetValue1);if(entry.target.id==="counter2")startCounter(counter2,targetValue2);if(entry.target.id==="counter3")startCounter(counter3,targetValue3);if(entry.target.id==="counter4")startCounter(counter4,targetValue4);if(entry.target.id==="counter5")startCounter(counter5,targetValue1);if(entry.target.id==="counter6")startCounter(counter6,targetValue2);if(entry.target.id==="counter7")startCounter(counter7,targetValue3);if(entry.target.id==="counter8")startCounter(counter8,targetValue4)},500);observer.unobserve(entry.target)}})},{threshold:0.5});observer.observe(counter1);observer.observe(counter2);observer.observe(counter3);observer.observe(counter4);observer.observe(counter5);observer.observe(counter6);observer.observe(counter7);observer.observe(counter8)})

Provision-Links

Einige dieser Links* hier sind sogenannte Affiliate-Links. Heißt: Wenn du draufklickst und dann was kaufst, bekommen wir 'ne kleine Provision in die Kaffeekasse geschoben. Für dich ändert sich am Preis exakt gar nichts, kein Cent mehr, keine versteckten Gebühren. "iconic-strings.de" hängt übrigens im Partnerprogramm von Thomann.

Letzten Artikel

admin 4. August, 2025

Ace Frehley & die Legendäre Les Paul mit Rauch-Show