Show Real Time, Date, Day of the Week in javascript or jquery [closed]

Question

How to show real time, date, day in this format?

The time should be actual (which runs the seconds count).

Thanks guys!

Answer 1

To update time panel every second we should use setInterval() function.

To format date the way you need the best approach is to use moment.js library. The code is shortened greatly:

$(document).ready(function() {
    var interval = setInterval(function() {
        var momentNow = moment();
        $('#date-part').html(momentNow.format('YYYY MMMM DD') + ' '
                            + momentNow.format('dddd')
                             .substring(0,3).toUpperCase());
        $('#time-part').html(momentNow.format('A hh:mm:ss'));
    }, 100);
});

Here is working fiddle