<script>
    var date = new Date();

    var month = date.getMonth();
    var dateNumber = date.getDate();
    var year = date.getFullYear();

    var dayName = date.getDay();
    var hour = date.getHours();
    var mins = date.getMinutes();

    var monthList = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

    var dayList = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];

    var ampm = ["AM", "PM"]
    var ampmIndex;

    // pad single digit mins with 0
    if (mins < 10) {
      mins = '0' + mins;
    }

    // AM or PM
    if (hour === 24) {
      ampmIndex = 0;
    } else if (hour > 11) {
      ampmIndex = 1;
    } else { ampmIndex = 0 };

    // make 12-hour format 
    if (hour > 12) {
      hour = hour - 12;
    }


    // print
    document.getElementById('demo').innerHTML = monthList[month] + " " + dateNumber + ", " + year + ". " + dayList[dayName] + ", " + hour + ":" + mins + " " + ampm[ampmIndex];
</script>