Timer

Olá 🙂 !

A muito tempo atrás eu postei três posts sobre relógio binário (para ver os posts, clique aqui, aqui e aqui para ver esses posts).

Nos três códigos eu utilizei JavaScript puro. Hoje em dia eu estou usando muito mais jQuery do que JavaScript em relação a época que eu estava desenvolvendo esses posts.

Hoje me apareceu um desafio, montar um timer em jQuery. Para começar, coloque uma div para receber o timer. Coloque também o tempo que irá começar. O meu timer vai começar com 5 minutos:

<div size="5" id="relogio">05:00</div>

E essa é a parte do jQuery.

<script>
	$(document).ready(function() {
		/* Vai chamar a função pela primeira vez*/
		var timer = setTimeout( function(){
			transition();
	        }, 1000);
		
		/* A função que muda a div a cada um segundo*/
		function transition() {
       			var timer = $('div#relogio').html().split(':');
	       		var hora = parseInt(timer[0]);
	       		var min = parseInt(timer[1]);
			if( hora>=0 && min>=0){
				if(min==0){
					$('div#relogio').html('0'+(hora-1)+':59');
				}else{
					if((min-1)>=0 && (min-1)<=9){
						$('div#relogio').html('0'+hora+':0'+(min-1));	
					}else{
						$('div#relogio').html('0'+hora+':'+(min-1));
					}
				}
			}
   			setTimeout( function(){
        			transition();
        		} , 1000);
		}
	})
</script>