Running Time

Used D3.js to create running time

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="runtime"></div>

JavaScript

var d, h, m, s, DayNight;
currtime();

$(document).ready(function () {
    setInterval(currtime, 1000);
});

d3.select("#runtime")
    .append("text")
    .text("Current time: ")
    .append("span")
    .attr("id", "time")
    .text(h + ":" + m + ":" + s + " " + DayNight);

function currtime() {
    d = new Date();
    h = d.getHours();
    m = d.getMinutes();
    s = d.getSeconds();
    DayNight = "PM";
    if (h < 12) DayNight = "AM";
    if (m <= 9) m = "0" + m;
    if (s <= 9) s = "0" + s;

    d3.select("#runtime")
        .select("#time")
        .text(h + ":" + m + ":" + s + " " + DayNight);
}