we build the future

Kompetenz seit .number { position: relative; font-size: 38px; opacity: 0; transition: opacity 1s; } .number.animate { opacity: 1; }
2023
function animateNumberOnScroll(target, duration) { let start = target; const decrement = Math.ceil((target - 1963) / (duration / 16)); const numberElement = document.querySelector('.number2'); const numberPosition = numberElement.getBoundingClientRect().top; const windowHeight = window.innerHeight; let animationStarted = false; function animateNumber() { if (window.scrollY + windowHeight > numberPosition && !animationStarted) { animationStarted = true; numberElement.classList.add('animate'); startAnimation(); } } function startAnimation() { const interval = setInterval(() => { start -= decrement; if (start < 1963) { start = 1963; } numberElement.textContent = start; if (start <= 1963) { clearInterval(interval); } }, 25); } window.addEventListener('scroll', animateNumber); } animateNumberOnScroll(2023, 9000); // Beispielaufruf: Zahl von 2023 auf 1963 in 2 Sekunden

Langjährige Erfahrung ist
unantastbare Kompetenz.

.number { position: relative; font-size: 48px; opacity: 0; transition: opacity 1s; } .number.animate { opacity: 1; }
0
SPEZIALISIERTE MITARBEITER function animateNumberOnScroll(target, duration) { let start = 0; const increment = Math.ceil(target / (duration / 16)); const numberElement = document.querySelector('.number1'); const numberPosition = numberElement.getBoundingClientRect().top; const windowHeight = window.innerHeight; let animationStarted = false; function animateNumber() { if (window.scrollY + windowHeight > numberPosition && !animationStarted) { animationStarted = true; numberElement.classList.add('animate'); startAnimation(); } } function startAnimation() { const interval = setInterval(() => { start += increment; if (start > target) { start = target; } numberElement.textContent = start; if (start >= target) { clearInterval(interval); } }, 25); } window.addEventListener('scroll', animateNumber); } animateNumberOnScroll(71, 9000); // Beispielaufruf: Zahl von 0 auf 100 in 2 Sekunden

Wir arbeiten mit Engagement
für Ihren Erfolg.

.number { position: relative; font-size: 38px; opacity: 0; transition: opacity 1s; } .number.animate { opacity: 1; }
0
function animateNumberOnScroll(target, duration) { let start = 0; const increment = Math.ceil(target / (duration / 16)); const numberElement = document.querySelector('.number4'); const numberPosition = numberElement.getBoundingClientRect().top; const windowHeight = window.innerHeight; let animationStarted = false; function animateNumber() { if (window.scrollY + windowHeight > numberPosition && !animationStarted) { animationStarted = true; numberElement.classList.add('animate'); startAnimation(); } } function startAnimation() { const interval = setInterval(() => { start += increment; if (start > target) { start = target; } numberElement.textContent = start + "/7"; if (start >= target) { clearInterval(interval); } }, 25); } window.addEventListener('scroll', animateNumber); } animateNumberOnScroll(24, 9000); // Beispielaufruf: Zahl von 0 auf 100 in 2 Sekunden ERREICHBAR

Für Sie
immer erreichbar, immer da.

.number { position: relative; font-size: 48px; opacity: 0; transition: opacity 1s; } .number.animate { opacity: 1; }
0
function animateNumberOnScroll(target, duration) { let start = 0; const increment = 1; const numberElement = document.querySelector('.number3'); const numberPosition = numberElement.getBoundingClientRect().top; const windowHeight = window.innerHeight; let animationStarted = false; function animateNumber() { if (window.scrollY + windowHeight > numberPosition && !animationStarted) { animationStarted = true; numberElement.classList.add('animate'); startAnimation(); } } function startAnimation() { const interval = setInterval(() => { start += increment; if (start > target) { start = target; } numberElement.textContent = start; if (start >= target) { clearInterval(interval); } }, 25); } window.addEventListener('scroll', animateNumber); } animateNumberOnScroll(2, 9000); // Beispielaufruf: Zahl von 0 auf 100 in 2 Sekunden PRODUKTIONSSTANDORTE

Deutschland & Luxemburg
Hand in Hand in der Großregion.

BOHLEN – TRADITION UND KOMPETENZ

PRÄZISION UND FACHWISSEN

Kompetenzen & Referenzen

Why Work With Us

Zertifikate