Ajuda com formatação de texto

[digonaweb 0]

Boa tarde,

 

Semanas atrás estava com um problema em um script de um widget de relógio para um site.

 

Consegui um novo script sem o link que estava gerando um erro, porém gostaria de utilizar a formatação do texto similar a do anexo.

 

Alguém pode me ajudar com a alteração no código?

 

<div id="clockbox" style="text-align:center;"></div>

 

<script type="text/javascript">

 

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

function GetClock(){

var tzOffset = -3;

var d=new Date();
var dx=d.toGMTString();
dx=dx.substr(0,dx.length -3);
d.setTime(Date.parse(dx))
d.setHours(d.getHours()+tzOffset);

var nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getFullYear();

var nhour=d.getHours(),nmin=d.getMinutes(),ap;
if(nhour==0){ap=" AM";nhour=12;}
else if(nhour<12){ap=" AM";}
else if(nhour==12){ap=" PM";}
else if(nhour>12){ap=" PM";nhour-=12;}

if(nmin<=9) nmin="0"+nmin;

var clocktext=""+tmonth[nmonth]+" "+ndate+", "+nyear+" "+nhour+":"+nmin+ap+"";
document.getElementById('clockbox').innerHTML=clocktext;
}

 

GetClock();
setInterval(GetClock,1000);

 

</script>

 

Obrigado!