How to show current time in JavaScript in the format HH MM SS

Question

Can you please tell me how to set time in this format HH MM SS  I want to set that this in an div

User · Answer

You can use moment js to do this   var now   new moment    console log now format  HH mm ss       Outputs   16 30 03

User · Answer

You can do this in Javascript   var time   new Date    console log time getHours           time getMinutes           time getSeconds       At present it returns 15 5 18   Note that if any of the values are less than 10  they will display using only one digit  not two    Check this in JSFiddle  Updates  For prefixed 0 s try  var time   new Date    console log        0    time getHours    slice -2                   0    time getMinutes    slice -2                 0    time getSeconds    slice -2

User · Answer

x000D   x000D  function realtime     x000D     x000D    let time   moment   format  h mm ss a    x000D    document getElementById  time   innerHTML   time  x000D     x000D    setInterval      gt    x000D      time   moment   format  h mm ss a    x000D      document getElementById  time   innerHTML   time  x000D       1000  x000D    x000D   x000D  realtime    x000D   lt script src  https   cdnjs cloudflare com ajax libs moment js 2 22 1 moment min js  gt  lt  script gt  x000D   x000D   lt div id  time  gt  lt  div gt  x000D   x000D   x000D    A very simple way using moment js and setInterval   setInterval      gt      moment   format  h mm ss a       1000    Sample output  Using setInterval   set to 1000ms or 1 second  the output will refresh every 1 second      3 25 50 pm   This is how I use this method on one of my side projects   setInterval      gt      this time   this shared time     1000    Maybe you re wondering if using setInterval   would cause some performance issues     Is setInterval CPU intensive      I don t think setInterval is inherently going to cause you significant performance problems  I suspect the reputation may come from an earlier era  when CPUs were less powerful      - lonesomeday      No  setInterval is not CPU intensive in and of itself  If you have a lot of intervals running on very short cycles  or a very complex operation running on a moderately long interval   then that can easily become CPU intensive  depending upon exactly what your intervals are doing and how frequently they are doing it      - aroth      But in general  using setInterval really like a lot on your site may slow down things  20 simultaneously running intervals with more or less heavy work will affect the show  And then again   you really can mess up any part I guess that is not a problem of setInterval      - jAndy

User · Answer

You can use native function Date toLocaleTimeString     var d   new Date    var n   d toLocaleTimeString      This will display e g     11 33 01    I found it on http   www w3schools com jsref jsref tolocaletimestring asp   x000D   x000D  var d   new Date    x000D  var n   d toLocaleTimeString    x000D  alert  The time is   n  n   x000D   x000D   x000D

User · Answer

This is an example of how to set time in a div only time  using javascript   function date time         var date   new Date        var am pm    AM       var hour   date getHours        if hour gt  12           am pm    PM             if  hour    0            hour   12            if hour gt 12           hour   hour - 12            if hour lt 10           hour    0  hour             var minute   date getMinutes        if  minute lt 10           minute    0  minute            var sec   date getSeconds        if sec lt 10           sec    0  sec             document getElementById  time   innerHTML    hour     minute     sec     am pm    setInterval date time 500    lt per gt   lt div class  date  id  time  gt  lt  div gt   lt  per gt

User · Answer

new Date   toLocaleTimeString

User · Answer

new Date   toTimeString   slice 0 8    Note that toLocaleTimeString   might return something like 9 00 00 AM

User · Answer

Use this way   var d   new Date    localtime   d toLocaleTimeString  en-US     hour12  false       Result  18 56 31

User · Answer

x000D   x000D  function checkTime i    x000D    if  i  lt  10    x000D      i    0    i  x000D      x000D    return i  x000D    x000D   x000D  function startTime     x000D    var today   new Date    x000D    var h   today getHours    x000D    var m   today getMinutes    x000D    var s   today getSeconds    x000D       add a zero in front of numbers lt 10 x000D    m   checkTime m   x000D    s   checkTime s   x000D    document getElementById  time   innerHTML   h         m         s  x000D    t   setTimeout function     x000D      startTime   x000D       500   x000D    x000D  startTime    x000D   lt div id  time  gt  lt  div gt  x000D   x000D   x000D    DEMO using javaScript only  Update  Updated Demo   function          function checkTime i            return  i  lt  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

User · Answer

x000D   x000D  function realtime          let time   moment   format  hh mm ss SS a   replace  m          document getElementById  time   innerHTML   time       setInterval      gt        time   moment   format  hh mm ss SS A        document getElementById  time   innerHTML   time       0     realtime    x000D   lt script src  https   cdnjs cloudflare com ajax libs moment js 2 22 1 moment min js  gt  lt  script gt    lt div id  time  gt  lt  div gt  x000D   x000D   x000D

User · Answer

This code will output current time in HH MM SS format in console  it takes into account GMT timezones   var currentTime   Date now   var GMT   - new Date    getTimezoneOffset   60  var totalSeconds   Math floor currentTime 1000   seconds     0    totalSeconds   60  slice -2   var totalMinutes   Math floor totalSeconds 60   minutes     0    totalMinutes   60  slice -2   var totalHours   Math floor totalMinutes 60   hours     0     totalHours GMT    24  slice -2   var timeDisplay   hours         minutes         seconds  console log timeDisplay     Output is  11 16 55

User · Answer

new Date   toLocaleTimeString  it-IT    The it-IT locale happens to pad the hour if needed and omits PM or AM 01 33 01

[javascript] How to show current time in JavaScript in the format HH:MM:SS?

Examples related to javascript

Examples related to datetime