Código HTML:
<span id="liveclock" style="position:absolute;left:455;top:150;width:200;height:108px;"></span>
<script type="text/javaScript">
function show5(){
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;
myclock = "<font size='5' face='Arial'color='#000000'><b><font size='2'color='#000000'>Ahora mismo son las:<br></font> "+hours+":"+minutes+":"+seconds+" "+dn+"</b></font>";
document.getElementById("liveclock").innerHTML = myclock;
setTimeout("show5()",1000);
}
show5();
</script>
Y por cierto que la función es getElementBy
Id (con i mayúscula no con l minúscula).
Y sería mejor si en lugar de usar <font> usaras estilos.