Image Clock 1

Show a digital clock in your image.

<div style="position:relative;width:150px; height:30px; background-image:url(yourimage.jpg)">
<div id="clock" style="position:absolute; left:50px; top:0px;font-weight:bold; color:#8e8462; font-size:12px"></div>
</div>

Use the image as a background for a div, this div should be made the same size as the image.

Nested the clock div inside the first div and position it by adjusting the left and top values.

<script type="text/javascript">
<!--
function showtime1(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
//var timeValue = " " + (hours > 12 ? hours - 12 : hours) 
var timeValue = hours
timeValue  += (minutes < 10 ? ":0" : ":") + minutes
timeValue  += (seconds < 10 ? ":0" : ":") + seconds
//timeValue  += (hours >= 12 ? " p.m." : " a.m.")
timerID = setTimeout("showtime1()",1000)
document.getElementById("clock").innerHTML= timeValue
}
//-->
</script>