BACK TO FREE JAVASCRIPTS
TIME SPENT
<!-- End of Time Spent JavaScript --> <!-- This scripts tell your sites visitor how long they spent at the page. --> <!-- Instructions: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- Script supplied with Free Javscsripts Editor --> <!-- webmasters.orgfree.com --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin startday = new Date(); clockStart = startday.getTime(); function initStopwatch() { var myTime = new Date(); return((myTime.getTime() - clockStart)/1000); } function getSecs() { var tSecs = Math.round(initStopwatch()); var iSecs = tSecs % 60; var iMins = Math.round((tSecs-30)/60); var sSecs ="" + ((iSecs > 9) ? iSecs : "0" + iSecs); var sMins ="" + ((iMins > 9) ? iMins : "0" + iMins); document.forms[0].timespent.value = sMins+":"+sSecs; window.setTimeout('getSecs()',1000); } // End --> </script> <BODY onLoad="window.setTimeout('getSecs()',1)"> <CENTER> <FORM> <FONT SIZE="2" FACE="Arial">Time spent here: </FONT><input size=5 name=timespent> </FORM> </CENTER> <!-- End of Time Spent JavaScript -->
CALENDAR
<!-- This Portion of the code goes between the '<HEAD>' tags --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Script supplied with Free JavaScripts Editor --> <!-- webmasters.orgfree.com --> function setDate(str) { if (str == " ") { return; } mnth1 = document.forms[0].month.value; ccmnth = mnth1; ccmnth++; year = document.forms[0].year.value; dateStr = ccmnth+"/"+str+"/"+year; dateStr = trim(dateStr); document.forms[1].dateField.value = dateStr; }//setDate() <!-- This function removes spaces from the selected date.---> function trim(str) { res=""; for(var i=0; i< str.length; i++) { if (str.charAt(i) != " ") { res +=str.charAt(i); } } return res; }//trim() <!-- This method retrieves the Month name given the Month number of the year. ---> function getMonthName(ccmnth) { if (ccmnth == 0) { name = "January"; }else if(ccmnth==1) { name = "February"; }else if(ccmnth==2) { name = "March"; }else if(ccmnth==3) { name = "April"; }else if(ccmnth==4) { name = "May"; } else if(ccmnth==5) { name = "June"; } else if(ccmnth==6) { name = "July"; } else if(ccmnth==7) { name = "August"; } else if(ccmnth==8) { name = "September"; } else if(ccmnth==9) { name = "October"; } else if(ccmnth==10) { name = "November"; } else if(ccmnth==11) { name = "December"; } return name; }//getMonthName() <!-- Get the number of days in the month based on the year. ---> function getNoOfDaysInMnth(ccmnth,yr) { rem = yr % 4; if(rem ==0) { leap = 1; } else { leap = 0; } noDays=0; if ( (ccmnth == 1) || (ccmnth == 3) || (ccmnth == 5) || (ccmnth == 7) || (ccmnth == 8) || (ccmnth == 10) || (ccmnth == 12)) { noDays=31; } else if (ccmnth == 2) { noDays=28+leap; } else { noDays=30; } //alert(noDays); return noDays; }//getNoOfDaysInMnth() <!-- The function to reset the date values in the buttons of the slots. ---> function fillDates(dayOfWeek1,noOfDaysInmnth) { for(var i=1; i<43; i++) { str = "s"+i; document.forms[0].elements[str].value=" "; } startSlotIndx = dayOfWeek1; slotIndx = startSlotIndx; for(var i=1; i<(noOfDaysInmnth+1); i++) { slotName = "s"+slotIndx; val=""; if (i<10) { val = " "+i+" "; } else { val = i; } document.forms[0].elements[slotName].value = val; slotIndx++; } }//fillDates() <!-- The function that is called at the time of loading the paage. ---> <!-- This function displays Today's date and also displays the ---> <!-- the calendar of the current month. ---> function thisMonth() { dt = new Date(); ccmnth = dt.getMonth(); /* 0-11*/ dayOfMnth = dt.getDate(); /* 1-31*/ dayOfWeek = dt.getDay(); /*0-6*/ yr = dt.getFullYear(); /*4-digit year*/ //alert("month:"+(ccmnth+1)+":dayofMnth:"+dayOfMnth+":dayofweek:"+dayOfWeek+":year:"+yr); mnthName = getMonthName(ccmnth)+ " "; document.forms[0].month.value = ccmnth; document.forms[0].year.value = yr; document.forms[0].currMonth.value = ccmnth; document.forms[0].currYear.value = yr; document.forms[0].monthYear.value = mnthName+yr; document.forms[1].dateField.value = (ccmnth+1)+"/"+dayOfMnth+"/"+yr; startStr = (ccmnth+1)+"/1/"+yr; dt1 = new Date(startStr); dayOfWeek1 = dt1.getDay(); /*0-6*/ noOfDaysInMnth = getNoOfDaysInMnth(ccmnth+1,yr); fillDates(dayOfWeek1+1,noOfDaysInMnth); }//thisMonth() <!--- The function that will be used to display the calendar of the next month. ---> function nextMonth() { var currMnth = document.forms[0].month.value; currYr = document.forms[0].year.value; if (currMnth == "11") { nextMnth = 0; nextYr = currYr; nextYr++; } else { nextMnth=currMnth; nextMnth++; nextYr = currYr; } mnthName = getMonthName(nextMnth); document.forms[0].month.value=nextMnth; document.forms[0].year.value=nextYr; document.forms[0].monthYear.value= mnthName+" "+nextYr; str = (nextMnth+1)+"/1/"+nextYr; dt = new Date(str); dayOfWeek = dt.getDay(); noOfDays = getNoOfDaysInMnth(nextMnth+1,nextYr); fillDates(dayOfWeek+1,noOfDays); }//nextMonth() <!--- The method to display the calendar of the previous month.---> function prevMonth() { var currMnth = document.forms[0].month.value; currYr = document.forms[0].year.value; if (currMnth == "0") { prevMnth = 11; prevYr = currYr; prevYr--; } else { prevMnth=currMnth; prevMnth--; prevYr = currYr; } str = (prevMnth+1)+"/1/"+prevYr; dt = new Date(str); dayOfWeek = dt.getDay(); <!-- Remove the comment if do not want the user to go to any previous month than this current month.--> runningMonth = document.forms[0].currMonth.value; rMonth=runningMonth; rMonth++; runningYear = document.forms[0].currYear.value; rYear=runningYear; str = (rMonth)+"/1/"+rYear; dt1 = new Date(str); if (dt.valueOf() < dt1.valueOf()) { alert('Cannot Go Before Current Month'); return; } <!--- End of comment---> mnthName = getMonthName(prevMnth); document.forms[0].month.value=prevMnth; document.forms[0].year.value=prevYr; document.forms[0].monthYear.value= mnthName+" "+prevYr; noOfDays = getNoOfDaysInMnth(prevMnth+1,prevYr); fillDates(dayOfWeek+1,noOfDays); }//prevMonth() </SCRIPT> </HEAD> <!-- This portion of code goes between teh '<BODY>' tags --> <BODY onload="thisMonth()"> <table border=1 bgcolor="#BAA0A0" align=center> <tr> <td> <form> <!-- HIDDEN FIELDS ---> <input type=hidden name=month value=""> <input type=hidden name=year value=""> <input type=hidden name=currMonth value=""> <input type=hidden name=currYear value=""> <!-- END OF HIDDEN FIELDS ---> <p> <input type="button" name="prev" onclick="prevMonth()" value="<<"> <input type="text" size="15" name="monthYear" value=""> <input type="button" name="next" onclick="nextMonth()" value=">>"> </p> <table bgcolor="#D4D4D4" align=center border="1" cellpadding="0" cellspacing="0" width="150"> <tr bgcolor="#10A0A0"> <td width="14%"><font size="1"><strong>SUN</strong></font></td> <td width="14%"><font size="1"><strong>MON</strong></font></td> <td width="14%"><font size="1"><strong>TUE</strong></font></td> <td width="14%"><font size="1"><strong>WED</strong></font></td> <td width="14%"><font size="1"><strong>THU</strong></font></td> <td width="15%"><font size="1"><strong>FRI</strong></font></td> <td width="15%"><font size="1"><strong>SAT</strong></font></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s1" value=" 1 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s2" value=" 2 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s3" value=" 3 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s4" value=" 4 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s5" value=" 5 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s6" value=" 6 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s7" value=" 7 "></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s8" value=" 8 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s9" value=" 9 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s10" value="10"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s11" value="11"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s12" value="12"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s13" value="13"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s14" value="14"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s15" value="15"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s16" value="16"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s17" value="17"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s18" value="18"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s19" value="19"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s20" value="20"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s21" value="21"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s22" value="22"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s23" value="23"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s24" value="24"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s25" value="25"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s26" value="26"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s27" value="27"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s28" value="28"></td> </tr> <tr> <td align="center"><input type="button" name="s29" onclick="setDate(this.value);" value="29"></td> <td align="center"><input type="button" name="s30" onclick="setDate(this.value);" value="30"></td> <td align="center"><input type="button" name="s31" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s32" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s33" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s34" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s35" onclick="setDate(this.value);" value=" "></td> </tr> <tr> <td align="center"><input type="button" name="s36" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s37" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s38" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s39" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s40" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s41" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s42" onclick="setDate(this.value);" value=" "></td> </tr> </table> </form> <form> <table border=0 cellspacing=1 cellpadding=1> <tr> <td> <b>Selected:</b> </td> <td align=center> <input type=text size="12" name=dateField> </td> <tr> </table> </form> </td> </tr> </table> <div style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;"><a target="_blank" href="https://www.freewebhostingarea.com" title="Free Web Hosting with PHP5 or PHP7"><img alt="Free Web Hosting" src="https://www.freewebhostingarea.com/images/poweredby.png" style="border-width: 0px;width: 180px; height: 45px; float: right;"></a></div> </BODY> <!-- This portion of the code goes between the '<BODY>' tags ---> <BODY onload="thisMonth()"> <table border=1 bgcolor="#BAA0A0" align=center> <tr> <td> <form> <!-- Hidden fields ---> <input type=hidden name=month value=""> <input type=hidden name=year value=""> <input type=hidden name=currMonth value=""> <input type=hidden name=currYear value=""> <!-- End of Hidden fields ---> <p> <input type="button" name="prev" onclick="prevMonth()" value="<<"> <input type="text" size="15" name="monthYear" value=""> <input type="button" name="next" onclick="nextMonth()" value=">>"> </p> <table bgcolor="#D4D4D4" align=center border="1" cellpadding="0" cellspacing="0" width="150"> <tr bgcolor="#10A0A0"> <td width="14%"><font size="1"><strong>SUN</strong></font></td> <td width="14%"><font size="1"><strong>MON</strong></font></td> <td width="14%"><font size="1"><strong>TUE</strong></font></td> <td width="14%"><font size="1"><strong>WED</strong></font></td> <td width="14%"><font size="1"><strong>THU</strong></font></td> <td width="15%"><font size="1"><strong>FRI</strong></font></td> <td width="15%"><font size="1"><strong>SAT</strong></font></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s1" value=" 1 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s2" value=" 2 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s3" value=" 3 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s4" value=" 4 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s5" value=" 5 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s6" value=" 6 "></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s7" value=" 7 "></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s8" value=" 8 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s9" value=" 9 "></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s10" value="10"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s11" value="11"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s12" value="12"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s13" value="13"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s14" value="14"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s15" value="15"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s16" value="16"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s17" value="17"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s18" value="18"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s19" value="19"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s20" value="20"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s21" value="21"></td> </tr> <tr> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s22" value="22"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s23" value="23"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s24" value="24"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s25" value="25"></td> <td align="center" width="14%"><input type="button" onclick="setDate(this.value);" name="s26" value="26"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s27" value="27"></td> <td align="center" width="15%"><input type="button" onclick="setDate(this.value);" name="s28" value="28"></td> </tr> <tr> <td align="center"><input type="button" name="s29" onclick="setDate(this.value);" value="29"></td> <td align="center"><input type="button" name="s30" onclick="setDate(this.value);" value="30"></td> <td align="center"><input type="button" name="s31" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s32" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s33" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s34" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s35" onclick="setDate(this.value);" value=" "></td> </tr> <tr> <td align="center"><input type="button" name="s36" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s37" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s38" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s39" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s40" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s41" onclick="setDate(this.value);" value=" "></td> <td align="center"><input type="button" name="s42" onclick="setDate(this.value);" value=" "></td> </tr> </table> </form> <form> <table border=0 cellspacing=1 cellpadding=1> <tr> <td> <b>Selected:</b> </td> <td align=center> <input type=text size="12" name=dateField> </td> <tr> </table> </form> </td> </tr> </table> </BODY>
COUNTDOWN
<!-- Place the form where you would like the Countdown to appear. ---> <!-- Change coffeecount for length of time before redirect. (currently 5) ---> <!-- Change redirectpage to the new URL (currently coffeecup.com) ---> <CENTER><form name="ccform1234"> <input type="text" name="counter" value="" size="3"> </form></CENTER> <SCRIPT LANGUAGE="JavaScript"> <!-- Script supplied with Free JavaScripts --> <!-- webmasters.orgfree.com ---> var coffeecount = "5" var redirectpage = "http://www.coffeecup.com" function countdown() { if (coffeecount == "0") { document.location = redirectpage } else { coffeecount = coffeecount - 1 document.ccform1234.counter.value = coffeecount setTimeout("countdown()", 1000) } } countdown() </SCRIPT>
DISPLAY TIME
<!-- Start of Display Time --> <!-- Displays the current system time to the visitor of your site --> <!-- Instructions: Just put the beginning of this code inside your pages '<head>' tags and the later part inside your pages '<body>' tags. --> <!-- Script supplied with Free JavaScripts --> <!-- webmasters.orgfree.com ---> <head> <script language="JavaScript"> <!-- var Temp; setClock(); function setClock() { CC_Time = ""; now = new Date(); var CurHour = now.getHours(); var CurMinute = now.getMinutes(); now = null; if( CurHour > 12 ) { CurHour = CurHour - 12; ampm = 1; } else ampm = 0; if( CurHour == 0 ) CurHour = 12; if( CurMinute < 10 ) CurMinute = "0" + CurMinute; CurHour = "<FONT SIZE=2><B>" + CurHour + ":" + CurMinute + "</B>"; if( ampm == 1 ) CurHour = CurHour + " P.M."; else CurHour = CurHour + " A.M."; Temp = CurHour; } function pathOnly (InString) { LastSlash=InString.lastIndexOf ('/', InString.length-1) OutString=InString.substring (0, LastSlash+1) return (OutString); } // --> </script> <body> <!-- Just insert the following code where you want the time to appear --> <script> document.write( Temp ); </script> <!-- End Insert -->