function runtypeclock() {
    // get current time
    var d = new Date();
    var hour = d.getHours();
    var min = d.getMinutes();

    // get the canvas and its attributes
    curr = document.getElementById("currhour");
    next = document.getElementById("nexthour");
    if (!curr || !next) {
        return;
    }

    hc = (hour == 0 || hour == 12) ? 12 : (hour % 12);
    hn = (hour == 11 || hour == 23) ? 12 : ((hour + 1) % 12);

    curr.innerHTML = "" + hc;
    next.innerHTML = "" + hn;
    
    curr.style.fontSize = "" + (60 - min + 1) + "px";
    next.style.fontSize = "" + (min + 1) + "px";

    setTimeout("runtypeclock();", 30000);
}