Animate numbers, when they enter viewport using uikit scrollspy componenet

animate-numbers.js

function animateNumbers() {

	var elements = document.querySelectorAll(".tm-animate-number");
	
	elements.forEach(e => {
	
		let current = 0;
		let end = e.getAttribute("data-number");
		let end_2 =  (end > 200) ? end - 50 : end;
		let increase_by =  (end > 200) ? 23 : 1;
		let duration = (end > 50) ? 5 : 80;
		
	
		UIkit.scrollspy(e, function() {
			e.addEventListener("inview", function() {
	
				var timer = setInterval(function() {
					current += increase_by;
					e.innerHTML = current;
					if (current >= end_2) {
						clearInterval(timer);
					}
				}, duration);
	
				// Last numbers increase by 1 if its more then 200
				if(end > 200) {
					var timer2 = setInterval(function() {
					current += 1;
					e.innerHTML = current;
					if (current == end) {
						clearInterval(timer2);
					}
				}, 20);
				}
	
			});
		});
	
	});

}

// Run Function
animateNumbers();

animateNumbers.html

<div>
	<span class="tm-animate-number" data-number="1200"></span>
	<span class="tm-animate-number" data-number="220"></span>
	<span class="tm-animate-number" data-number="10"></span>
	<span class="tm-animate-number" data-number="2000"></span>
</div>