Clocks

Javascript Clocks

Copy and Paste

<!-- One step to install this clock --> <!-- Put the code in your body where you want the clock to appear --> <form name="myForm"> <input type="text" name="myClock" readonly="true" size="35" style="color: blue;background: transparent;font-weight: bold;border: 0px;"> </form> <script type="text/javascript"> <!-- expanding head function clock() { var myTime = new Date(); document.myForm.myClock.value = myTime; } setInterval('clock();', 50); // --> </script>

This is the time in local format in a form

Copy and Paste

<!-- One step to install this clock --> <!-- Put the code in your body where you want the clock to appear --> <script type="text/javascript"> <!-- expanding head function LocTime() { var ti = new Date(); nTime = ti.toLocaleString(); document.clock.face.value = nTime; } setInterval('LocTime();', 50); // --> </script> <form name="clock"><input type="text" name="face" size="40" style="color: blue;background: transparent;font-weight: bold;border: 0px;"></form>

This shows the current date and time using dhtml.

the time

Copy and Paste

<!-- One step to install this clock --> <!-- Put the code in your body where you want the clock to appear --> <div id="clock1" align="center" style="text-align:center;font-weight:bold;color:blue;"> <layer id="l1"> <ilayer id="l2"> the time </ilayer> </layer> </div> <script type="text/javascript"> <!-- expandinghead.net function dhtml_clock() { var curTime = new Date(); if (document.all||document.getElementById) { cross_el=document.getElementById? document.getElementById("clock1"):document.all.clock1; cross_el.innerHTML='<span style="font-family: verdana\;"><small>'+curTime+'</small></span>'; } if (document.layers) { document.l1.document.l2.document.write('<span style="font-family: verdana\;"><small>'+curTime+'</small></span>'); document.l1.document.l2.document.close(); } } setInterval('dhtml_clock();', 1000); // --> </script>

This will show the current date and time in the status bar.

Copy and Paste

<!-- One step to install this clock --> <!-- Put the code in your head --> <script type="text/javascript"> <!-- expanding head function myClock() { var myTime = new Date(); var LTime = myTime.toLocaleString(); window.status = LTime; } setInterval('myClock();', 50); // --> </script>

This script gets the current year. It can be used as part of a self updating copyright notice and save future editing time.

Copy and Paste

<script type="text/javascript"> // expandinghead.net function cdate(){ var now = new Date(); var year = now.getYear(); if (year < 2000) { year = year + 1900; } document.getElementById('copy').innerHTML='&#169; '+year+' www.mydomain.com'; } window.onload=cdate; </script> <div id="copy"> </div>

Display the Last Modified information on your page.



Copy and Paste

<script type="text/javascript"> <!-- expanding head var lastmod = document.lastModified; var lastmoddate = Date.parse(lastmod); if (lastmoddate != 0) { document.writeln("<span style=\"font-size: xx-small\;\">Last Modified: "+lastmod+"</span><br>"); } // --> </script>