Dynamic Date and Time

Code ResourceAuthor: srinivasaraobora

Difficulty Level: Beginner

Published: 23rd Apr 2009 Read: 4563 times

Filed in: Java Script

Add Comment

Sponsored Links

Java script for adding dynamic date and time in the webpage

Sample Code

<div class='widget-content'>
<script language="JavaScript">
<!--
function startclock()
{
var thetime=new Date();
var nhours=thetime.getHours();
var nmins=thetime.getMinutes();
var nsecn=thetime.getSeconds();
var nday=thetime.getDay();
var nmonth=thetime.getMonth();
var ntoday=thetime.getDate();
var nyear=thetime.getYear();
var AorP=" ";
if (nhours>=12)
AorP="P.M.";
else
AorP="A.M.";
if (nhours>=13)
nhours-=12;
if (nhours==0)
nhours=12;
if (nsecn<10)
nsecn="0"+nsecn;
if (nmins<10)
nmins="0"+nmins;
if (nday==0)
nday="Sunday";
if (nday==1)
nday="Monday";
if (nday==2)
nday="Tuesday";
if (nday==3)
nday="Wednesday";
if (nday==4)
nday="Thursday";
if (nday==5)
nday="Friday";
if (nday==6)
nday="Saturday";
nmonth+=1;
if (nyear<=99)
nyear= "19"+nyear;
if ((nyear>99) && (nyear<2000))
nyear+=1900;
document.clockform.clockspot.value=nday+", "+nmonth+"/"+ntoday+"/"+nyear+" "+nhours+": "+nmins+": "+nsecn+" "+AorP;
setTimeout('startclock()',1000);
}
//-->
</script>
<form name="clockform">
<input name="clockspot" size="30" type="text"/>
</form>
<script language="JavaScript">
<!--
startclock();
//-->
</script>
</div>