Adding AM/PM using javascript

Question

I have simple code for 12hr format time

// This function gets the current time and injects it into the DOM
      function updateClock() {
                // Gets the current time
                var now = new Date();

                // Get the hours, minutes and seconds from the current time
                var hours = now.getHours();
                var minutes = now.getMinutes();
                var seconds = now.getSeconds();


                // Format hours, minutes and seconds
                if (hours > 12) {
                    hours = hours - 12;
                }
                if (minutes < 10) {
                    minutes = "0" + minutes;
                }
                if (seconds < 10) {
                    seconds = "0" + seconds;
                }

                // Gets the element we want to inject the clock into
                var elem = document.getElementById('clock');

                // Sets the elements inner HTML value to our clock data
                elem.innerHTML = hours + ':' + minutes + ':' + seconds ;
            }

I want to add AM/PM please help me thanks in advance Im just beginner on javascript

Here's a hint: if you had to subtract 12 hours, then it's PM. Otherwise, it's AM. — Niet the Dark Absol, Jul 10 '16 at 08:21

score 3 · Answer 1 · answered Jul 10 '16 at 08:22

After editting your own code:

        // Get the hours, minutes and seconds from the current time
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds();
        var amOrPm = 'AM';

        // Format hours, minutes and seconds
        if (hours > 12) {
            amOrPm = 'PM';
            hours = hours - 12;
        }
        if (minutes < 10) {
            minutes = "0" + minutes;
        }
        if (seconds < 10) {
            seconds = "0" + seconds;
        }

        // Gets the element we want to inject the clock into
        var elem = document.getElementById('clock');

        // Sets the elements inner HTML value to our clock data
        elem.innerHTML = hours + ':' + minutes + ':' + seconds + ' ' + amOrPm;

score 1 · Answer 2 · answered Jul 10 '16 at 08:21

1

Try this...

 var ampm = hours >= 12 ? 'pm' : 'am';

then

elem.innerHTML = hours + ':' + minutes + ':' + seconds + ' ' + ampm;

answered Jul 10 '16 at 08:21

Sankar

6,908
2
30
53

Its working now thanks a lot – CoeeGifofoj Jul 10 '16 at 08:25

score 0 · Answer 3 · answered Jul 10 '16 at 08:27

I don't know if you want to code it by yourself, but there is a really really great library which handles everything with date stuff you can imagine.

Just checkout momentjs. It's an easy AF lib to transform dates (also in pm/am).

If you've any question :) just comment ...

Adding AM/PM using javascript

3 Answers3