Reloj en JavaScript

Código Reloj Simple:

<span id="VkuReloj"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='Am';
if (hours>12) {
dn='Pm';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;

miReloj='<b><span style="">'
+ hours + '</span> : <span style="">'
+ minutes + '</span> : <span style="">'
+ seconds + '</span></b><span style="margin-left:3px;">'
+ dn + '</span>';
document.getElementById('VkuReloj').innerHTML=miReloj;
// lo actualizaremos cada segundo
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>

Código Reloj Personalizado:

<span id="VkuReloj"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='Am';
if (hours>12) {
dn='Pm';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;

miReloj='<b><span style="color:red;font-size:22px;">'
+ hours + '</span> : <span style="color:red;font-size:22px;">'
+ minutes + '</span> : <span style="color:blue;font-size:18px;">'
+ seconds + '</span></b><span style="color:#000000;margin-left:5px;">'
+ dn + '</span>';
document.getElementById('VkuReloj').innerHTML=miReloj;
// lo actualizaremos cada segundo
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>