JSFiddle - React, Tailwind, and code Playground

by Zsanett Tamás

HTML

<span id='szamlalo'></span>

CSS

#szamlalo {
  animation: counter 16.66666666ms 300;
}

@keyframes counter {}

JavaScript

document.getElementById('szamlalo').iter = 0;

document.getElementById('szamlalo').addEventListener('animationiteration',function(e){
	e.target.iter++;
  e.target.textContent = (10-parseInt(e.target.iter/60)) + '.' + ((e.target.iter%60)>50 ? '0':'') + (59-(e.target.iter)%60);
});

document.getElementById('szamlalo').addEventListener('animationend',function(e){
	e.target.textContent = 'Baaaang!!!';
});