126 votes

Comment afficher l'heure actuelle en JavaScript au format HH:MM:SS ?

Comment afficher l'heure actuelle au format HH:MM:SS ?

147voto

pstryk Points 1547

Vous pouvez utiliser la fonction native Date.toLocaleTimeString() :

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

Cela affichera par exemple :

"11:33:01"

MDN : Date toLocaleTimeString

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

130voto

Tushar Gupta Points 28215
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();

<div id="time"></div>

DEMO en utilisant uniquement javaScript

Mise à jour

<a href="http://jsfiddle.net/cse_tushar/fKKSb/311/" rel="noreferrer"><strong>Updated Demo</strong></a>

(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();
})();

78voto

Praveen Points 19102

Vous pouvez le faire dans Javascript .

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

Actuellement, il renvoie 15:5:18 . Notez que si l'une des valeurs est inférieure à 10, elle s'affichera avec un seul chiffre et non deux.

Vérifiez ceci JSFiddle

Mises à jour :
Pour les 0 préfixés, essayez

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

44voto

remus Points 6305

Vous pouvez utiliser moment.js pour le faire.

var now = new moment();
console.log(now.format("HH:mm:ss"));

Sorties :

16:30:03

33voto

Thorsten Points 331
new Date().toTimeString().slice(0,8)

Notez que toLocaleTimeString() peut retourner quelque chose comme 9:00:00 AM .

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X