Reloj digital con javascript

Ahi les dejo un codigo para que realizen su reloj digital con javascript, lo unico de jQuery que aqui se utiliza es la funcion HTML, con la que yo asigne el reloj a cierto div, pero eso ya ustedes lo pueden cambiar a donde gusten y manden.

Nos apoyaremos para este codigo de la funcion Date() de javascript y sus variantes,  getMinutes(), getSeconds()

Si ustedes no utilizan jQuery aun, pueden cambiar la linea que dice : $("#tiempo").html(horario);  por la asignacion javascript.

function mostrarTiempo(){
	var tiempo = new Date();
	var minutos = tiempo.getMinutes();
	var segundo = tiempo.getSeconds();
             
       if(minutos < 10){ minutos = "0" + minutos; }
       if(segundo < 10){ segundo = "0" + segundo; }
               
	var horario = tiempo.getHours() + ":" + minutos + ":" + segundo;
	$("#tiempo").html(horario);
}

Ya despues solo la llaman utilizando setInterval(mostrarTiempo,1000),  setInterval es una funcion igual de javascript que nos ayuda a repetir una funcion cada determinado tiempo, con eso nos facilita un buen los calculos, y si estudiamos bien la funcion, lo unico que pedimos, es que muestre hora, minutos y segundos cada segundo.

Tambien veamos que se agrega la condicional si el minuto o segundo es  menor a 10, para agregarle un 0 en modo string, esto para que no salga mocho el numero que va del 0 al 9.

 

salu2

Back to Top