Dynamic Drive DHTML Scripts- Live Date Script

New Revised CSS Library Forums Web Tools

Live Date Script

Author: Dynamic Drive

Description: A live date script that displays the date plus time, updated every second. NS 4.x and NS 3.x will simply see a "static" date.

Demo:

Directions

Step 1: Insert the below anywhere into the <body> section of your page where you wish the clock to be displayed:

Select All
<script> /* Live Date Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com */ 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>

Step 1: Add the below into the <body> tag itself, like this:

<body onLoad="goforit()">

Configuring the date- You can change the font type, size, and color of the date. To do so, go to the line "//change font configuration here" in the above code. Right below that line contains the simple HTML tags that you should change to change the font.