Live klok en datum

[Frenske123]

Hoi

Na wat speurwerk niet veel gevonden, ik zoek een script voor een live klok en datum op website (24u formaat)

voorbeeld

vrijdag 5 oktober 2012 12:30 u

Onderstaande is niet geheel volgens verwachting:

<form name="Tick" >
<input type="text" size="11" name="Clock" style="border:none">
</form>
<script>
<!--
function show(){
var Digital=new Date()
var day=Digital.getDay()
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
document.Tick.Clock.value=hours+":"+minutes+":"
+seconds+" "+dn
setTimeout("show()",1000)
}
show()
//-->
</script>

 

[goedlichtJoost]

Dynamic drive, voor al uw scripts: http://www.dynamicdrive.com/dynamicindex6/clock2.htm
alles staat er uitgelegd

<script>

var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

</script>
<span id="clock"></span>

 

[Frenske123]

Bedankt Joost , kan ik wat mee

 

[csshunter]

Mmm, dat dynamicdrive-script met document.all er in, voor oudere Internet Explorers dan IE6 (!), doet nogal bejaard aan.
En erg veel zie ik er niet van terug (test).

Een paar veranderingen in het script van Frenske geven wel wat resultaat:

<p id="clock"></p>

[JS]<script type="text/javascript">
//<![CDATA[
function show(){
var digital=new Date();
var day=digital.getDay();
// van dagnummer naar dagnaam
if (day==0){day='Zondag'}
if (day==1){day='Maandag'}
if (day==2){day='Dinsdag'}
if (day==3){day='Woensdag'}
if (day==4){day='Donderdag'}
if (day==5){day='Vrijdag'}
if (day==6){day='Zaterdag'}
var date=digital.getDate();
var month=digital.getMonth();
// maandnummer naar maandnaam
if (month==0){month='januari'}
if (month==1){month='februari'}
if (month==2){month='maart'}
if (month==3){month='april'}
if (month==4){month='mei'}
if (month==5){month='juni'}
if (month==6){month='juli'}
if (month==7){month='augustus'}
if (month==8){month='september'}
if (month==9){month='oktober'}
if (month==10){month='november'}
if (month==11){month='december'}
var year=digital.getFullYear();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
if (minutes<=9){
minutes="0"+minutes;
}
if (seconds<=9){
seconds="0"+seconds;
}
document.getElementById('clock').innerHTML=day+" "+date+" "+month+" "+year+", " +hours+":"+minutes+":"+seconds;
/* zonder seconden:
document.getElementById('clock').innerHTML=day+" "+date+" "+month+" "+year+", " +hours+":"+minutes;
*/
setTimeout("show()",1000);
}
show();
//]]>
</script>[/JS]

• Test: live-klok.htm
  
  
• Er staan hier ook seconden bij, zodat je wat kunt zien gebeuren; die kunnen er uiteraard afgeschaafd worden.
• Het javascript moet helemaal onderaan staan, vlak voor de </body></html>.

Edoch...
Maar waarom zou je eigenlijk de actuele datum en tijd willen opnemen op een webpagina?
Eén blik van de bezoeker naar de live klok in zijn/haar systeemvak, en hij/zij weet hoe laat het is!
En één muisbeweging van de bezoeker naar die live klok en hij/zij weet welke dag het is! :d

Met vriendelijke groet,
CSShunter

 

[Frenske123]

Hallo Css Hunter,

Bedankt voor de moeite ..zelfs nog met jaartal :thumb:

beetje imponeren op site en zo .. met tijd/datum (hebben ze het uiteraard 2x op scherm)

Met vriendelijke groet,

Frens