Klokke med 12 eller 24 timer



Her kan brukeren velge mellom 12 og 24 timers klokke ved å trykke på høyre knapp.
Scriptet til klokken legges mellom HEAD-taggene:

<script><!-- Begin
var change=1

function showMilitaryTime(){
if(change!=1){button.value="24h";return true}
else button.value="12h";return false;}

function showTheHours(hour){
if(showMilitaryTime()||(hour>0&&hour<13)){
if(hour==0)hour=12;return(hour);}
if(hour==0){return(12);}return(hour-12);}

function showZeroFilled(inValue){
if(inValue>9){return inValue;}return "0"+inValue;}

function showAmPm(){
if(showMilitaryTime()){return("");}
if(now.getHours()<12){return(" AM");}return(" PM");}

function showTheTime(){
now=new Date()
hour=showZeroFilled(showTheHours(now.getHours()))
min=showZeroFilled(now.getMinutes())
sec=showZeroFilled(now.getSeconds())
ampm=showAmPm()

//this var defines how the clock will appear in the text box. It is setup like an equasion
clock.value=hour+":"+min+":"+sec+ampm
setTimeout("showTheTime()",100)}

onload=showTheTime
// End -->
</script>


Klokken plasserer du der du vil ha den:
<div align=center>
<input id="clock" type="text" style="width:75px;background:FFFF33;"> <input type="button" id="button" onclick="change*=-1" value="12h" style="width:40;background:FFFF33;">
</div>