Klok
Mooi scriptje om de tijd en datum op je page te plaatsen!
Klik hier voor een demo
<!-- THREE STEPS TO INSTALL DATE-CLOCK COMBINATION: 1. Copy the coding into the HEAD of your HTML document 2. Add the onLoad event handler into the BODY tag 3. Put the last coding into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function printDate() { var today = new Date(); var day=today.getDate(); var month = today.getMonth() + 1; var year = today.getFullYear().toString(); var box=document.forms[0].DateBox;//this is where we want to print the date if ( ( month /10 ) < 1 ) { month=("0" + month).toString(); //add the leading 0 -- looks more professional } if ( (day/10)<1) { day=("0" + today.getDate()).toString();//add the leading 0 -- looks better } box.value=month + " - " + day + " - " + year; } function printTime() { var box = document.forms[0].DateBox; //this is where we want to print the date var thetime=new Date(); if (thetime.getMinutes() / 10 <1 ) { box.value=thetime.getHours() + " : " + "0" + thetime.getMinutes(); } else { box.value=thetime.getHours() + " : " + thetime.getMinutes(); } } // End --> </script> </HEAD> <!-- STEP TWO: Insert the onLoad event handler into your BODY tag --> <BODY onLoad="return printDate()"> <!-- STEP THREE: Copy this code into the BODY of your HTML document --> <div align="center"> <form name="stats"> Date/Time <br> <input type="text" readonly="readonly" name="DateBox" size="10" onmouseover="printTime();" onmouseout="printDate();"> <br> <p>Ga er met je muis over om de tijd te zien!</p> </input> </form> </div> <!-- Script Size: 1.97 KB -->