كدهاي جاوا

Digital Clock and Date Code


	كدهاي اعمال محدوديت
	كد ساعت و تاريخ ديجيتال
	كدهاي پيام دهنده
	افكتهاي مخصوص ماوس
	افكتهاي ويژه بازشدن صفحه
طريقه استفاده از كدها:
كد مورد نظر را به صورت كامل كپي و در قسمت ويرايش قالب وبلاگ و يا نرم افزار ويرايشگر اجرا كنيد.


Important Note
You can select your choice code and copy and Paste to Html form on your web designer program


Clock Codes
Enter and departure alert	<html> <head> <title>Enter and departure alert</title> </head> <body onload="window.alert('Don't forget to bookmark this page!')" onUnload="window.alert('Don't forget to bookmark this page!')"> <div> This script uses a simple unUnload function to prompt the user to bookmark the page while they're leaving it. Hit your back button and see what happens! </div> </body> </html>

Dashboard clock with time zone time	<html> <head> <title>Dashboard Clock</title> <script language="JavaScript"> <!-- hiding var timerID ; function tzone(tz, os, ds, cl) { this.ct = new Date(0) ; // datetime this.tz = tz ; // code this.os = os ; // GMT offset this.ds = ds ; // has daylight savings this.cl = cl ; // font color } function UpdateClocks() { // www.timeanddate.com/worldclock var ct = new Array( new tzone('SFO: ', -8, 1, 'lime'), new tzone('TYO: ', +9, 0, 'violet'), new tzone('HKG: ', +8, 0, 'cyan'), new tzone('BKK: ', +7, 0, 'yellow'), new tzone('NYC: ', -5, 1, '#FFAA00'), new tzone('LON: ', 0, 1, 'silver'), new tzone('SVO: ', +3, 0, 'pink'), new tzone('KTM: ', +5.75, 0, 'red') ) ; var dt = new Date() ; // [GMT] time according to machine clock var startDST = new Date(dt.getFullYear(), 3, 1) ; while (startDST.getDay() != 0) startDST.setDate(startDST.getDate() + 1) ; var endDST = new Date(dt.getFullYear(), 9, 31) ; while (endDST.getDay() != 0) endDST.setDate(endDST.getDate() - 1) ; var ds_active ; // DS currently active if (startDST < dt && dt < endDST) ds_active = 1 ; else ds_active = 0 ; // Adjust each clock offset if that clock has DS and in DS. for(n=0 ; n<ct.length ; n++) if (ct[n].ds == 1 && ds_active == 1) ct[n].os++ ; // compensate time zones gmdt = new Date() ; for (n=0 ; n<ct.length ; n++) ct[n].ct = new Date(gmdt.getTime() + ct[n].os * 3600 * 1000) ; document.all.Clock0.innerHTML = '<font color="' + ct[0].cl + '">' + ct[0].tz + ClockString(ct[0].ct) + '</font>' ; document.all.Clock1.innerHTML = '<font color="' + ct[1].cl + '">' + ct[1].tz + ClockString(ct[1].ct) + '</font>' ; document.all.Clock2.innerHTML = '<font color="' + ct[2].cl + '">' + ct[2].tz + ClockString(ct[2].ct) + '</font>' ; document.all.Clock3.innerHTML = '<font color="' + ct[3].cl + '">' + ct[3].tz + ClockString(ct[3].ct) + '</font>' ; document.all.Clock4.innerHTML = '<font color="' + ct[4].cl + '">' + ct[4].tz + ClockString(ct[4].ct) + '</font>' ; document.all.Clock5.innerHTML = '<font color="' + ct[5].cl + '">' + ct[5].tz + ClockString(ct[5].ct) + '</font>' ; document.all.Clock6.innerHTML = '<font color="' + ct[6].cl + '">' + ct[6].tz + ClockString(ct[6].ct) + '</font>' ; document.all.Clock7.innerHTML = '<font color="' + ct[7].cl + '">' + ct[7].tz + ClockString(ct[7].ct) + '</font>' ; timerID = window.setTimeout("UpdateClocks()", 1001) ; } function ClockString(dt) { var stemp, ampm ; var dt_year = dt.getUTCFullYear() ; var dt_month = dt.getUTCMonth() + 1 ; var dt_day = dt.getUTCDate() ; var dt_hour = dt.getUTCHours() ; var dt_minute = dt.getUTCMinutes() ; var dt_second = dt.getUTCSeconds() ; dt_year = dt_year.toString() ; if (0 <= dt_hour && dt_hour < 12) { ampm = 'AM' ; if (dt_hour == 0) dt_hour = 12 ; } else { ampm = 'PM' ; dt_hour = dt_hour - 12 ; if (dt_hour == 0) dt_hour = 12 ; } if (dt_minute < 10) dt_minute = '0' + dt_minute ; if (dt_second < 10) dt_second = '0' + dt_second ; stemp = dt_month + '/' + dt_day + '/' + dt_year.substr(2,2) ; stemp = stemp + ' ' + dt_hour + ":" + dt_minute + ":" + dt_second + ' ' + ampm ; return stemp ; } // End --> </script> </head> <!-- STEP TWO: Insert the onLoad event handler into your BODY tag --> <body onLoad="UpdateClocks()"> <!-- STEP THREE: Copy this code into the BODY of your HTML document --> <table border="0" cellspacing="0" width="100%"> <tr bgcolor="#000000" style="font-family: Verdana, Tahoma, Arial; font-size: x-small"> <td id="Clock0" width="25%" > </td> <td id="Clock1" width="25%" > </td> <td id="Clock2" width="25%" > </td> <td id="Clock3" width="25%" > </td> </tr> <tr bgcolor="#000000" style="font-family: Verdana, Tahoma, Arial; font-size: x-small"> <td id="Clock4" width="25%" > </td> <td id="Clock5" width="25%" > </td> <td id="Clock6" width="25%" > </td> <td id="Clock7" width="25%" > </td> </tr> </table> </body> </html>

Military/regular clock	<html> <head> <title> Military/regular clock </title> <script language="JavaScript"> <!-- hiding function showMilitaryTime() { if (document.form.showMilitary[0].checked) { return true; } return false; } function showTheHours(theHour) { if (showMilitaryTime() \|\| (theHour > 0 && theHour < 13)) { if (theHour == "0") theHour = 12; return (theHour); } if (theHour == 0) { return (12); } return (theHour-12); } function showZeroFilled(inValue) { if (inValue > 9) { return "" + inValue; } return "0" + inValue; } function showAmPm() { if (showMilitaryTime()) { return (""); } if (now.getHours() < 12) { return (" am"); } return (" pm"); } function showTheTime() { now = new Date document.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()) + showAmPm() setTimeout("showTheTime()",1000) } // End --> </script> </head> <body onLoad="showTheTime()"> <center><form name=form> <input type=text name=showTime size=11><p> <input type=radio name=showMilitary checked>Military Time<br> <input type=radio name=showMilitary>12 Hour Time<br> </form></center> </body> </html>

Clock only	<!-- ONE STEP TO INSTALL BUTTON TIME: 1. Put the coding into the BODY of your HTML document --> <!-- STEP ONE: Add this code into the BODY of your HTML document --> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Michael Tartaglia <amirxp@gmail.com> --> <!-- Web Site: http://www.danlod.com --> <!--Total Java Scripts 99 - Next Step Software--> <!-- Begin day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; self.status = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. " + "You have spent " + milliNow + " of those milliseconds on this page. " + ".... About " + minsVisit + " minutes, and " + secsVisit + " seconds."); } document.write("<form name=\"form\">" + "<input type=button value=\"Click for info!\"" + " name=button onClick=\"timeInfo()\"></form>"); onError = null; clock(); // End --> </SCRIPT> <!-- Script Size: 1.72 KB --> </body> </html>

Date	<!-- ONE STEP TO INSTALL PROPER DATE: 1. Add the first code to the BODY of your HTML document --> <!-- STEP ONE: Add the first code to the BODY of your HTML document --> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Peter Oxley (amirxp@gmail.com) --> <!-- Web Site: http://www.danlod.com --> <!--Total Java Scripts 99 - Next Step Software--> <!-- Begin today=new Date(); day=today.getDate(); year=today.getYear(); month=today.getMonth()+1; if (day==1) end=("st"); else if (day==2) end=("nd"); else if (day==3) end=("rd"); else if (day==21) end=("st"); else if (day==22) end=("nd"); else if (day==23) end=("rd"); else if (day==31) end=("st"); else end=("th"); if (month==1) name=("January"); else if (month==2) name=("February"); else if (month==3) name=("March"); else if (month==4) name=("April"); else if (month==5) name=("May"); else if (month==6) name=("June"); else if (month==7) name=("July"); else if (month==8) name=("August"); else if (month==9) name=("September"); else if (month==10) name=("October"); else if (month==11) name=("November"); else name=("December"); if (year<100) year="19" + year; document.write(name + " " + day + end + ", " + year); // End --> </script> <!-- Script Size: 1.31 KB -->

Clock copy this code and paste after <body> tag	<span id=tick2> </span> <script> <!-- /* this script come from best download (danlod.com) */ function show2(){ if (!document.all) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds var ctime=hours+":"+minutes+":"+seconds+" "+dn tick2.innerHTML="<b style='font-size:22;color:blue;'>"+ctime+"</b>" setTimeout("show2()",1000) } window.onload=show2 //--> </script>

Clock with mouse	<script language="JavaScript"> //this scripts written by java team of danlod.com //visit us in www.tarhebartar.iror learn.danlod.com fCol='444444'; //face colour. sCol='FF0000'; //seconds colour. mCol='444444'; //minutes colour. hCol='444444'; //hours colour. Ybase=30; //Clock height. Xbase=30; //Clock width. H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); Ypos=0; Xpos=0; dots=12; Split=360/dots; if (NS6){ for (i=1; i < dots+1; i++){ document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } for (i=0; i < M.length; i++){ document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>'); } for (i=0; i < H.length; i++){ document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>'); } for (i=0; i < S.length; i++){ document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>'); } } if (NS4){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } if (IE4){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PIparseInt(time.getMinutes())/360; if (NS6){ Ypos=window.pageYOffset+window.innerHeight-Ybase-25; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=1; i < dots+1; i++){ document.getElementById("n6Digits"+i).style.top=Ypos-15+YbaseMath.sin(-1.56 +i SplitMath.PI/180) document.getElementById("n6Digits"+i).style.left=Xpos-15+XbaseMath.cos(-1.56 +iSplitMath.PI/180) } for (i=0; i < S.length; i++){ document.getElementById("Nx"+i).style.top=Ypos+iYbase/4.1Math.sin(sec); document.getElementById("Nx"+i).style.left=Xpos+iXbase/4.1Math.cos(sec); } for (i=0; i < M.length; i++){ document.getElementById("Ny"+i).style.top=Ypos+iYbase/4.1Math.sin(min); document.getElementById("Ny"+i).style.left=Xpos+iXbase/4.1Math.cos(min); } for (i=0; i < H.length; i++){ document.getElementById("Nz"+i).style.top=Ypos+iYbase/4.1Math.sin(hrs); document.getElementById("Nz"+i).style.left=Xpos+iXbase/4.1Math.cos(hrs); } } if (NS4){ Ypos=window.pageYOffset+window.innerHeight-Ybase-20; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+YbaseMath.sin(-1.045 +iSplitMath.PI/180) document.layers["nsDigits"+i].left=Xpos-15+XbaseMath.cos(-1.045 +iSplitMath.PI/180) } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+iYbase/4.1Math.sin(sec); document.layers["nx"+i].left=Xpos+iXbase/4.1Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+iYbase/4.1Math.sin(min); document.layers["ny"+i].left=Xpos+iXbase/4.1Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+iYbase/4.1Math.sin(hrs); document.layers["nz"+i].left=Xpos+iXbase/4.1Math.cos(hrs); } } if (IE4){ Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20; Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20; for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+YbaseMath.sin(-1.045 +i SplitMath.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+XbaseMath.cos(-1.045 +i SplitMath.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+iYbase/4.1Math.sin(sec); x[i].style.pixelLeft=Xpos+iXbase/4.1Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+iYbase/4.1Math.sin(min); y[i].style.pixelLeft=Xpos+iXbase/4.1Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+iYbase/4.1Math.sin(hrs); z[i].style.pixelLeft=Xpos+iXbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--> </script>

Clock with message	<html> <head> <title>Dynamic clock</title> <script language="JavaScript"> <!-- hiding function MakeArrayday(size) { this.length = size; for(var i = 1; i <= size; i++) { this[i] = ""; } return this; } function MakeArraymonth(size) { this.length = size; for(var i = 1; i <= size; i++) { this[i] = ""; } return this; } function funClock() { if (!document.layers && !document.all) return; var runTime = new Date(); var hours = runTime.getHours(); var minutes = runTime.getMinutes(); var seconds = runTime.getSeconds(); var dn = "AM"; if (hours >= 12) { dn = "PM"; hours = hours - 12; } if (hours == 0) { hours = 12; } if (minutes <= 9) { minutes = "0" + minutes; } if (seconds <= 9) { seconds = "0" + seconds; } movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " + dn + "</b>"; if (document.layers) { document.layers.clock.document.write(movingtime); document.layers.clock.document.close(); } else if (document.all) { clock.innerHTML = movingtime; } setTimeout("funClock()", 1000) } window.onload = funClock; // End --> </script> </head> <body> Currently, it's <span id=clock style="position:relative;"></span> </body> </html>

Simple clock	<html> <head> <title> Simple clock </title> </head> <body onLoad="clock()"> <span id="pendule" style="position:absolute;left:300;top:20;"></span> <script language="JavaScript"> <!-- hiding function clock() { if (!document.layers && !document.all) return; var digital = new Date(); var hours = digital.getHours(); var minutes = digital.getMinutes(); var seconds = digital.getSeconds(); var amOrPm = "AM"; if (hours > 11) amOrPm = "PM"; if (hours > 12) hours = hours - 12; if (hours == 0) hours = 12; if (minutes <= 9) minutes = "0" + minutes; if (seconds <= 9) seconds = "0" + seconds; dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm; if (document.layers) { document.layers.pendule.document.write(dispTime); document.layers.pendule.document.close(); } else if (document.all) pendule.innerHTML = dispTime; setTimeout("clock()", 1000); } // End --> </script> </body> </html>

Current Date	<script language="JavaScript"> <!-- Begin var months=new Array(13); months[1]="January"; months[2]="February"; months[3]="March"; months[4]="April"; months[5]="May"; months[6]="June"; months[7]="July"; months[8]="August"; months[9]="September"; months[10]="October"; months[11]="November"; months[12]="December"; var time=new Date(); var lmonth=months[time.getMonth() + 1]; var date=time.getDate(); var year=time.getYear(); if (year < 2000) // Y2K Fix, Isaac Powell year = year + 1900; document.write("<center>" + lmonth + " "); document.write(date + ", " + year + "</center>"); // End --> </script> </center>