html java script current time to cant add AM:PM [duplicate]

Question

This is a Html and Javascript current time display code, I am trying to add AM:PM for this, but it does not display I am used for var ampm = toda.getampm(); how to display correctly this format

example

9 : 59 : 42 AM

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>

you can use moment.js, stackoverflow.com/questions/10967736/how-to-use-moment-js — Sangram Badi
– Sangram Badi, Commented Sep 22, 2017 at 4:37
There's plenty of material about this stuff here on SO, just do some search - e.g stackoverflow.com/questions/14638018/… — Victor Lia Fook
– Victor Lia Fook, Commented Sep 22, 2017 at 4:38

chirag satapara · Accepted Answer · 2017-09-22 04:44:01Z

2

Try below answer

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();
  var ampm = h >= 12 ? 'PM' : 'AM';
  
  h = h % 12;
  h = h ? h : 12; // the hour '0' should be '12'
  m = m < 10 ? '0'+ m : m;
  
  // add a zero in front of numbers<10
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('time').innerHTML = h + " : "  +  m + " : "  +  s  + " " + ampm;
  t = setTimeout(function() {
    startTime()
  }, 500);
}
startTime();

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

edited Sep 22, 2017 at 4:44

answered Sep 22, 2017 at 4:38

chirag satapara

1,9471 gold badge15 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

core114 Over a year ago

i got it Thank you sir

Victor Lia Fook Over a year ago

You should have subtracted 12 from the var h after treating the am/pm thing. 13pm is quite redundant, isnt it?

chirag satapara Over a year ago

@VictorLiaFook , now it's ok ?

Carsten Massmann Over a year ago

You will also need to limit h to values between 1 and 12 like this: h=h%12; h=h?h:12; after you have determined the AM / PM case.

chirag satapara Over a year ago

@cars10m , check answer again , it's already there

|

Pang · Accepted Answer · 2017-09-22 06:08:14Z

0

<html>

<body>

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

</body>

<script type="text/javascript">

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

  var am_pm= h >=12 ? "PM" : "AM";

  // add a zero in front of numbers<10

  m = checkTime(m);

  s = checkTime(s);

  document.getElementById('time').innerHTML = h + " : "  +  m + " : "  +  s + am_pm;

  t = setTimeout(function() {

    startTime()

  }, 500);

}

startTime();

</script>

</html>

edited Sep 22, 2017 at 6:08

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Sep 22, 2017 at 5:54

Farzana Akter Nitu

1

Collectives™ on Stack Overflow

html java script current time to cant add AM:PM [duplicate]

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related