<script> (function(){ function animateCounter(el, duration){ if (!el.dataset.counterText) { el.dataset.counterText = el.textContent; } var match = /^(.*?)(\d+)(.*)$/.exec(el.dataset.counterText); if (!match) { return; } var prefix = match[1], target = parseInt(match[2], 10), suffix = match[3]; if (el._counterRAF) { cancelAnimationFrame(el._counterRAF); } var start = null; function step(ts){ if (!start) { start = ts; } var progress = Math.min((ts - start) / duration, 1); var value = Math.round(progress * target); el.textContent = prefix + value + suffix; if (progress < 1) { el._counterRAF = requestAnimationFrame(step); } } el._counterRAF = requestAnimationFrame(step); } function resetCounter(el){ if (!el.dataset.counterText) { return; } if (el._counterRAF) { cancelAnimationFrame(el._counterRAF); } var match = /^(.*?)(\d+)(.*)$/.exec(el.dataset.counterText); if (!match) { return; } el.textContent = match[1] + '0' + match[3]; } document.querySelectorAll('.hmgl-country').forEach(function(details){ var counters = details.querySelectorAll('.hmgl-days'); details.addEventListener('toggle', function(){ if (details.open) { counters.forEach(function(el){ animateCounter(el, 800); }); } else { counters.forEach(function(el){ resetCounter(el); }); } }); if ('IntersectionObserver' in window) { var obs = new IntersectionObserver(function(entries){ entries.forEach(function(entry){ if (!details.open) { return; } if (entry.isIntersecting) { animateCounter(entry.target, 800); } else { resetCounter(entry.target); } }); }, {threshold: 0.4}); counters.forEach(function(el){ obs.observe(el); }); } }); })(); </script>