Please login or register. Welcome to the Studio, guest!


Quick Links:


newBookmarkLockedFalling

Scorpian

Scorpian Avatar

******
[ Bracket Admin ]

2,457


April 2006
<div align='center'>
<font face='Courier New'>
<span id='hours'>--</span><span id='tick'>-<span id='minutes'>--</span><span id='stat'>-</span>
</font>
</div>

<script type='text/javascript'>
/* Dynamic Clock by Scorpian - Open Source */

/*\|===( No Edit Necessary )===|\*/
var sym = ':';
function getId(id){
return document.getElementById(id);
}
function callTime(){
var today = new Date();
var hours = today.getHours();
var mins = today.getMinutes();
mins = (mins < 10) ? '0' + mins : mins;
if(hours>12){
hours = hours - 12;
var stat = 'pm';
}else{
var stat = 'am';
}
var tick = getId('tick');
sym = (sym == ':') ? ' ' : ':';
tick.replaceChild(document.createTextNode(sym), tick.firstChild);
getId('hours').replaceChild(document.createTextNode(hours), getId('hours').firstChild);
getId('minutes').replaceChild(document.createTextNode(mins), getId('minutes').firstChild);
getId('stat').replaceChild(document.createTextNode(stat), getId('stat').firstChild);
setTimeout('callTime()', 500);
}
callTime();
</script>

Nothing fancy. It's just a dynamic clock that updates itself. ;)

wat

vws
Guest
I was trying to create one of these on my own and it never worked. Now I see why. Lol.

mossypne

mossypne Avatar

*
New Member

7


August 2009
Great code. Its helped me understand javascript a bit more

newBookmarkLockedFalling