Hola! primero quiero presentarme: yo soy Daniel Barría, alias @danijazzero y este es mi primer aporte a la comunidad de Cristalab. Espero que les guste!, es un reloj hecho en Javascript, bastante sencillo pero a muchos les puede servir.
Estructura HTML:
Código :
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="acciones.js"></script> <link rel="stylesheet" type="text/css" href="estilos.css"/> </head> <body onload="Comenzar()"> <div id="txt"> </div> </body> </html>
El código de estilos.css:
Código :
#txt{
font-family:sans-serif;
font-size: 23px;
color:green;
background-color: black;
width: 200px;
text-align: center;
margin: 0 auto;
border-width: 10px;
border-color: green;
border-radius: 25px;
-moz-border-radius:25px;
}
Código de acciones.js con comentarios:
Código :
function Comenzar()
{
var reloj=new Date();
var horas=reloj.getHours();
var minutos=reloj.getMinutes();
var segundos=reloj.getSeconds();
// Agrega un cero si .. minutos o segundos <10
minutos=revisarTiempo(minutos);
segundos=revisarTiempo(segundos);
document.getElementById('txt').innerHTML=horas+":"+minutos+":"+segundos;
tiempo=setTimeout(function(){Comenzar()},500);
/*en tiempo creamos una funcion generica que cada
500 milisegundos ejecuta la funcion Comenzar()*/
}
function revisarTiempo(i)
{
if (i<10)
{
i="0" + i;
}
return i;
/*Esta funcion le agrega un 0
a una variable i que sea menor a 10*/
}
Gracias por haber leído, saludos
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
danijazzero :
Código :
... function revisarTiempo(i) { if (i<10) { i="0" + i; } return i; /*Esta funcion le agrega un 0 a una variable i que sea menor a 10*/ }Código :
function revisarTiempo(i) { return (i<10) ? "0" + i : i; }Buen aportePor Martin el 05 de Diciembre de 2012
Martin-blog :
Por arley el 06 de Diciembre de 2012
Por Lunatic el 07 de Diciembre de 2012
Código :
window.onload = function(){ Comenzar(); }Por lo demás, buen trabajo
Por danijazzero el 07 de Diciembre de 2012
El motivo por el cual utilice la estructura if tradicional y no el operador ternario es porque es mas simple de entender. Es verdad que deberia haber usado window.onload pero bueno... la intencion fue compartir.. les dejo un beso a los que les gusto y a los que no.. tambien jaja
Por Tommy el 06 de Agosto de 2013
Por lonesome js el 19 de Febrero de 2015
Por Biltmore el 30 de Agosto de 2015
Por Beto. el 15 de Enero de 2016
saludos!