Saltar al contenido

¿Cómo mostrar la hora actual en JavaScript en el formato HH:MM:SS?

La guía o código que encontrarás en este post es la solución más eficiente y válida que hallamos a esta duda o dilema.

Solución:

Puedes usar la función nativa Date.toLocaleTimeString():

var d = new Date();
var n = d.toLocaleTimeString();

Esto mostrará, por ejemplo:

"11:33:01"

Lo encontré en http://www.w3schools.com/jsref/jsref_tolocaletimestring.asp

var d = new Date();
var n = d.toLocaleTimeString();
alert("The time is: n"+n);

function checkTime(i) 
  if (i < 10) 
    i = "0" + i;
  
  return i;


function startTime() 
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  // add a zero in front of numbers<10
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
  t = setTimeout(function() 
    startTime()
  , 500);

startTime();

MANIFESTACIÓN usando solo javascript

Actualizar

Demostración actualizada

(function () 
    function checkTime(i) 
        return (i < 10) ? "0" + i : i;
    

    function startTime() 
        var today = new Date(),
            h = checkTime(today.getHours()),
            m = checkTime(today.getMinutes()),
            s = checkTime(today.getSeconds());
        document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
        t = setTimeout(function () 
            startTime()
        , 500);
    
    startTime();
)();

Puedes hacer esto en Javascript.

var time = new Date();
console.log(time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds());

En la actualidad vuelve 15:5:18. Tenga en cuenta que si alguno de los valores es inferior a 10, se mostrarán utilizando solo un dígito, no dos.

mira esto en JSFiddle

Actualizaciones:

Para el intento de 0 prefijado

var time = new Date();
console.log(
    ("0" + time.getHours()).slice(-2)   + ":" + 
    ("0" + time.getMinutes()).slice(-2) + ":" + 
    ("0" + time.getSeconds()).slice(-2));

Recuerda algo, que tienes permiso de añadir una estimación verdadera si atinaste tu contratiempo justo a tiempo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *