ساعتی بر روی موس

<!--Powered javascript code by WwW.IranGamer.Com--><SCRIPT LANGUAGE="JavaScript"> <!-- Original: Tarfandestan--> <!-- Web Site: http://WwW.IranGamer.Com --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! Http://WwW.IranGamer.Com--> <!-- Begin colors = new Array('330099','00ff00','ff00ff'); //Clock face colors. sCol = 'ff00ff'; //seconds colour. mCol = '00ff00'; //minutes colour. hCol = '330099'; //hours colour. //Alter nothing below! H = 'Tarfandestan..'; H = H.split(''); H = H.reverse(); M = 'Tarfandestan..'; M = M.split(''); M = M.reverse(); S = 'Tarfandestan..'; S = S.split(''); S = S.reverse(); dots = 12; var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0; var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0; count = 0; count_a = 0; move = 1; ns = (document.layers)?1:0; viz = (document.layers)?'hide':'hidden'; if (ns) { for (I = 0; I < dots; I++) document.write('<layer name=nface'+I+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>'); for (I = 0; I < S.length; I++) document.write('<layer name=nx'+I+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[I]+'</center></font></layer>'); for (I = 0; I < M.length; I++) document.write('<layer name=ny'+I+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[I]+'</center></font></layer>'); for (I = 0; I < H.length; I++) document.write('<layer name=nz'+I+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[I]+'</center></font></layer>'); } else{ document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (I = 0; I < dots; I++) { document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>'); } document.write('</div></div>'); document.write('<div id="X" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[I]+'</div>'); } document.write('</div></div>') document.write('<div id="Y" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[I]+'</div>'); } document.write('</div></div>') document.write('<div id="Z" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[I]+'</div>'); } document.write('</div></div>'); } if (ns) { window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt) { Ypos = evnt.pageY + 100; Xpos = evnt.pageX + 100; } window.onMouseMove = nsMouse; } else{ function ieMouse() { Ypos = event.y + 100; Xpos = event.x + 100; } document.onmousemove = ieMouse; } 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.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360; Ybase = 15; Xbase = 15; if (ns) { document.layers["nx"+0].visibility = viz; document.layers["ny"+0].visibility = viz; document.layers["nz"+0].visibility = viz; for (I = 0; I < S.length; I++) { document.layers["nx"+I].top = ay - 12 + (I * Ybase) * Math.sin(sec); document.layers["nx"+I].left = ax - 12 + (I * Xbase) * Math.cos(sec); } for (I = 0; I < M.length; I++) { document.layers["ny"+I].top = by - 12 + (I * Ybase) * Math.sin(min); document.layers["ny"+I].left = bx - 12 + (I * Xbase) * Math.cos(min); } for (I = 0; I < H.length; I++) { document.layers["nz"+I].top = cy - 12 + (I * Ybase) * Math.sin(hrs); document.layers["nz"+I].left = cx - 12 + (I * Xbase) * Math.cos(hrs); } for (I = 0; I < dots; ++I) { document.layers["nface"+I].top = dy - 2 + (70 * Math.sin(-0.49+dots+I/1.9)); document.layers["nface"+I].left = dx + 4 + (70 * Math.cos(-0.49+dots+I/1.9)); } } else { var scrll = document.body.scrollTop; W.style.pixelTop = scrll; X.style.pixelTop = scrll; Y.style.pixelTop = scrll; Z.style.pixelTop = scrll; x[0].style.visibility=viz; y[0].style.visibility = viz; z[0].style.visibility = viz; for (I = 0; I < S.length; I++) { x[I].style.pixelTop = ay - 12 + (I * Ybase) * Math.sin(sec); x[I].style.pixelLeft = ax - 12 + (I * Xbase) * Math.cos(sec); } for (I = 0; I < M.length; I++) { y[I].style.pixelTop = by - 12 + (I * Ybase) * Math.sin(min); y[I].style.pixelLeft = bx - 12 + (I * Xbase) * Math.cos(min); } for (I = 0; I < H.length; I++) { z[I].style.pixelTop = cy - 12 + (I * Ybase) * Math.sin(hrs); z[I].style.pixelLeft = cx - 12 + (I * Xbase) * Math.cos(hrs); } for (I = 0; I < dots; ++I) { face[I].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + I / 1.9)); face[I].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + I / 1.9)); } } } function MouseFollow() { ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15); ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15); by = Math.round(By += (ay - By) * 4 / 15); bx = Math.round(Bx += (ax - Bx) * 4 / 15); cy = Math.round(Cy += (by - Cy) * 4 / 15); cx = Math.round(Cx += (bx - Cx) * 4 / 15); dy = Math.round(Dy += (cy - Dy) * 4 / 15); dx = Math.round(Dx += (cx - Dx) * 4 / 15); clock(); setTimeout('MouseFollow()',10); } function colorstep() { count +=move; if (count >= dots) {count=0;count_a += move} if (count_a == colors.length) count_a = 0; if (ns) document.layers["nface"+count].bgColor = colors[count_a]; else face[count].style.background = colors[count_a]; setTimeout('colorstep()',100) } function StartAll() { MouseFollow(); colorstep(); } if (document.layers || document.all) window.onload = StartAll; // End --> </script> </HEAD> <BODY> </BODY></HTML>

کد ساعت عقربه دار

</SCRIPT> <SCRIPT language=JavaScript> 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.PI*parseInt(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+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180) document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec); document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min); document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.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+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180) document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.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+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--> </SCRIPT> <SCRIPT language=JavaScript> fCol='444444'; //face colour. sCol='FF0000'; //seconds colour. mCol='444444'; //minutes colour. hCol='444444'; //hours colour. Ybase=30; //Clock height. Xbase=30; //Clock width. </body> </html> <p align="center"><a href="http://www.msaeed.250free.com"> <font face="Tahoma" size="2">webloger site</font></a></p>

ساعتهای جهانی

<table border="0" width="200" cellspacing="0" cellpadding="3"> <form name="where"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time زمان محلی</option> <option value="0">London GMT لندن</option> <option value="1">Rome رم</option> <option value="7">Bangkok بانکوک</option> <option value="8">Hong Kong هنگ کنگ</option> <option value="9">Tokyo توکیو</option> <option value="10">Sydney سیدنی</option> <option value="12">Fiji فیجی</option> <option value="-10">Hawaii هاوایی</option> <option value="-8">San Francisco </option> <option value="-5">New York نیو یورک</option> <option value="4.5">Tehran تهران</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Drop Down World Clock- By Learn iran (http://paradise-best.blogfa.com) Portions of code by Kurt @ http://paradise-best.blogfa.com/ This credit notice must stay intact */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <!--Place holder for NS4 only--> <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> <p> <font face="arial" size="-2"> <a href="http://paradise-best.blogfa.com/">Paradise</a></font> </td> </form> </tr> </table>

کد ساعت هاي زنده دنيا

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>New Page 2</title> </head> <body> <table border="0" width="200" cellspacing="0" cellpadding="3"> <form name="where"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option> <option value="0">London GMT</option> <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Drop Down World Clock- By Learn iran (http://www.webloger.5u.com) Portions of code by Kurt @ http://www.webloger.5u.com/ This credit notice must stay intact */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <!--Place holder for NS4 only--> <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> <p> <font face="arial" size="-2">This free script provided by <a href="javascript:if(confirm('http://www.webloger.5u.com/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.webloger.5u.com/'" tppabs="http://www.webloger.5u.com/">webloger site</a></font> </td> </form> </tr> </table> </body> </html>

کد ساعت ديجيتال (کامپيوتري) در سايت

<SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; // you could replace the above with this // and have a clock on the status bar: // window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { // Make sure the clock is stopped stopclock(); showtime(); } </SCRIPT> <BODY onLoad="startclock(); timerONE=window.setTimeout" BGCOLOR="000080" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value=""></CENTER>

توسط اين كدها شما قادر خواهيد بود كه به وبلاگ خود ساعت اضافه كنيد

<SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; // you could replace the above with this // and have a clock on the status bar: // window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { // Make sure the clock is stopped stopclock(); showtime(); } </SCRIPT> <BODY onLoad="startclock(); timerONE=window.setTimeout" BGCOLOR="#FFFFFF" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value=""></CENTER><----> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: mohandes-computer (mahdik84@gmail.com) --> <!-- Web Site: http://mohandes-computer.blogfa.com --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! Http://mohandes-computer.blogfa.com --> <!-- Begin colors = new Array('330099','00ff00','ff00ff'); //Clock face colors. sCol = 'ff00ff'; //seconds colour. mCol = '00ff00'; //minutes colour. hCol = '330099'; //hours colour. //Alter nothing below! H = 'iransohrab..'; H = H.split(''); H = H.reverse(); M = 'mohandes-comuter..'; M = M.split(''); M = M.reverse(); S = 'java code..'; S = S.split(''); S = S.reverse(); dots = 12; var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0; var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0; count = 0; count_a = 0; move = 1; ns = (document.layers)?1:0; viz = (document.layers)?'hide':'hidden'; if (ns) { for (I = 0; I < dots; I++) document.write('<layer name=nface'+I+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>'); for (I = 0; I < S.length; I++) document.write('<layer name=nx'+I+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[I]+'</center></font></layer>'); for (I = 0; I < M.length; I++) document.write('<layer name=ny'+I+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[I]+'</center></font></layer>'); for (I = 0; I < H.length; I++) document.write('<layer name=nz'+I+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[I]+'</center></font></layer>'); } else{ document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (I = 0; I < dots; I++) { document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>'); } document.write('</div></div>'); document.write('<div id="X" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[I]+'</div>'); } document.write('</div></div>') document.write('<div id="Y" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[I]+'</div>'); } document.write('</div></div>') document.write('<div id="Z" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[I]+'</div>'); } document.write('</div></div>'); } if (ns) { window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt) { Ypos = evnt.pageY + 100; Xpos = evnt.pageX + 100; } window.onMouseMove = nsMouse; } else{ function ieMouse() { Ypos = event.y + 100; Xpos = event.x + 100; } document.onmousemove = ieMouse; } 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.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360; Ybase = 15; Xbase = 15; if (ns) { document.layers["nx"+0].visibility = viz; document.layers["ny"+0].visibility = viz; document.layers["nz"+0].visibility = viz; for (I = 0; I < S.length; I++) { document.layers["nx"+I].top = ay - 12 + (I * Ybase) * Math.sin(sec); document.layers["nx"+I].left = ax - 12 + (I * Xbase) * Math.cos(sec); } for (I = 0; I < M.length; I++) { document.layers["ny"+I].top = by - 12 + (I * Ybase) * Math.sin(min); document.layers["ny"+I].left = bx - 12 + (I * Xbase) * Math.cos(min); } for (I = 0; I < H.length; I++) { document.layers["nz"+I].top = cy - 12 + (I * Ybase) * Math.sin(hrs); document.layers["nz"+I].left = cx - 12 + (I * Xbase) * Math.cos(hrs); } for (I = 0; I < dots; ++I) { document.layers["nface"+I].top = dy - 2 + (70 * Math.sin(-0.49+dots+I/1.9)); document.layers["nface"+I].left = dx + 4 + (70 * Math.cos(-0.49+dots+I/1.9)); } } else { var scrll = document.body.scrollTop; W.style.pixelTop = scrll; X.style.pixelTop = scrll; Y.style.pixelTop = scrll; Z.style.pixelTop = scrll; x[0].style.visibility=viz; y[0].style.visibility = viz; z[0].style.visibility = viz; for (I = 0; I < S.length; I++) { x[I].style.pixelTop = ay - 12 + (I * Ybase) * Math.sin(sec); x[I].style.pixelLeft = ax - 12 + (I * Xbase) * Math.cos(sec); } for (I = 0; I < M.length; I++) { y[I].style.pixelTop = by - 12 + (I * Ybase) * Math.sin(min); y[I].style.pixelLeft = bx - 12 + (I * Xbase) * Math.cos(min); } for (I = 0; I < H.length; I++) { z[I].style.pixelTop = cy - 12 + (I * Ybase) * Math.sin(hrs); z[I].style.pixelLeft = cx - 12 + (I * Xbase) * Math.cos(hrs); } for (I = 0; I < dots; ++I) { face[I].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + I / 1.9)); face[I].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + I / 1.9)); } } } function MouseFollow() { ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15); ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15); by = Math.round(By += (ay - By) * 4 / 15); bx = Math.round(Bx += (ax - Bx) * 4 / 15); cy = Math.round(Cy += (by - Cy) * 4 / 15); cx = Math.round(Cx += (bx - Cx) * 4 / 15); dy = Math.round(Dy += (cy - Dy) * 4 / 15); dx = Math.round(Dx += (cx - Dx) * 4 / 15); clock(); setTimeout('MouseFollow()',10); } function colorstep() { count +=move; if (count >= dots) {count=0;count_a += move} if (count_a == colors.length) count_a = 0; if (ns) document.layers["nface"+count].bgColor = colors[count_a]; else face[count].style.background = colors[count_a]; setTimeout('colorstep()',100) } function StartAll() { MouseFollow(); colorstep(); } if (document.layers || document.all) window.onload = StartAll; // End --> </script> </HEAD> <BODY> </BODY></HTML><!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <head> <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 = "قبل از ظهر"; if (hours >= 12) { dn = "بعد از ظهر"; 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> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <body> <span id=clock style="position:relative;"></span>

<!-- THREE STEPS TO INSTALL CLOCK TYPE mohandes-computer.blogfa.com: 1. Paste the first code in the HEAD of your HTML document 2. Copy the onLoad event handler into the BODY tag 3. Add the last code in the BODY of your HTML document --> <!-- STEP ONE: Paste the first code in the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin 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> <BODY onLoad="showTheTime()"> <!-- STEP THREE: Add the last code in the BODY of your HTML document --> <BODY> <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> </table> </form> </FONT> </CENTER> </center> </body></html><SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! Http://mohandes-computer.blogfa.com --> <!-- Silly Clock 4 by mohandes-computer --> <!-- http://mohandes-computer.blogfa.com --> <!-- Begin sCol = '7788ff'; //seconds colour. mCol = '000000'; //minutes colour. hCol = 'ff0000'; //hours colour. fCol='0000ff';//face colour. dCol='fff000';//dot colour. ClockHeight=35; ClockWidth=35; ClockFromMouseY=80; ClockFromMouseX=5; //Alter nothing below! Alignments will be lost! ns=(document.layers); ie=(document.all); h=3; m=4; s=5; face='1 2 3 4 5 6 7 8 9 10 11 12'; face=face.split(' '); n=face.length; speed=0.6; ymouse=0; xmouse=0; scrll=0; p="<font face=Arial size=1 color="+fCol+">"; e=360/n; HandHeight=ClockHeight/4; HandWidth=ClockWidth/4; HandY=0; HandX=0; scrll=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (I=0; I < 37; I++){y[I]=0;x[I]=0;Y[I]=0;X[I]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (I=0; I < n; I++){Dy[I]=0;Dx[I]=0;DY[I]=0;DX[I]=0} if (ns){ for (I=0; I < n; I++) document.write('<layer name="nsN'+I+'" top=0 left=0 height=15 width=15><center>'+p+face[I]+'</font></center></layer>'); for (I=0; I < n; I++) document.write('<layer name="nsD'+I+'" top=0 left=0 bgcolor='+dCol+' clip="0,0,2,2"></layer>'); for (I=0; I < h; I++) document.write('<layer name=nsH'+I+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); for (I=0; I < m; I++) document.write('<layer name=nsM'+I+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); for (I=0; I < s; I++) document.write('<layer name=nsS'+I+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } if (ie){ document.write('<div id="On" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (I=0; I < n; I++) document.write('<div id="ieN" style="position:absolute;width:15px;height:15px;text-align:center">'+p+face[I]+'</font></div>'); document.write('</div></div>'); document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (I=0; I < n; I++) document.write('<div id="ieD" style="position:absolute;height:2px;width:2px;font-size:2px;background:'+dCol+'"></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (I=0; I < h; I++) document.write('<div id="ieH" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (I=0; I < m; I++) document.write('<div id="ieM" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (I=0; I < s; I++) document.write('<div id="ieS" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ 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.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ On.style.top=window.document.body.scrollTop; Od.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (I=0; I < s; I++){ var sd=(ns)?document.layers['nsS'+I]:ieS[I].style; sd.top=y[8+I]+HandY+(I*HandHeight)*Math.sin(sec)+scrll; sd.left=x[8+I]+HandX+(I*HandWidth)*Math.cos(sec); } for (I=0; I < m; I++){ var md=(ns)?document.layers['nsM'+I]:ieM[I].style; md.top=y[4+I]+HandY+(I*HandHeight)*Math.sin(min)+scrll; md.left=x[4+I]+HandX+(I*HandWidth)*Math.cos(min); } for (I=0; I < h; I++){ var hd=(ns)?document.layers['nsH'+I]:ieH[I].style; hd.top=y[1+I]+HandY+(I*HandHeight)*Math.sin(hrs)+scrll; hd.left=x[1+I]+HandX+(I*HandWidth)*Math.cos(hrs); } for (I=0; I < n; I++){ var D=(ns)?document.layers['nsD'+I]:ieD[I].style; D.top=y[13+I] + ClockHeight*Math.sin(-1.0471 + I*e*Math.PI/180)+scrll; D.left=x[13+I] + ClockWidth*Math.cos(-1.0471 + I*e*Math.PI/180); } for (I=0; I < n; I++){ var N=(ns)?document.layers['nsN'+I]:ieN[I].style; N.top=y[25+I]-6 + ClockHeight*1.4*Math.sin(-1.0471 + I*e*Math.PI/180)+scrll; N.left=x[25+I]-6 + ClockWidth*1.4*Math.cos(-1.0471 + I*e*Math.PI/180); } } function Delay(){ scrll=(ns)?window.pageYOffset:0; y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (I=1; I < 37; I++){ y[I]=Math.round(Y[I]+=(y[I-1]-Y[I])*speed); x[I]=Math.round(X[I]+=(x[I-1]-X[I])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; // End --> </script> </BODY></HTML><SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! Http://mohandes-computer.blogfa.com--> <!-- Begin <!--By: iransohrab (mahdik84@gmail.com) --> <!-- Web Site: http://mohandes-computer.blogfa.com --> function displaydatetime() { if (!document.layers && !document.all) return; var today; var timeLocal; var timeUTC; today = new Date(); timeLocal = today.toLocaleString() + " " + "Local"; //Convert to current locale. timeUTC = today.toUTCString(); //Convert to UTC. if (document.layers) { document.layers.clockLocal.document.write(timeLocal); document.layers.clockLocal.document.close(); document.layers.clockUTC.document.write(timeUTC); document.layers.clockUTC.document.close();} else if (document.all) { clockLocal.innerHTML = timeLocal; clockUTC.innerHTML = timeUTC;} setTimeout("displaydatetime()", 500) } window.onload = displaydatetime; // End --> </script> </HEAD> <body> <span id=clockLocal style="position:relative;"></span><br> <span id=clockUTC style="position:relative;"></span> </BODY></HTML>

<!-- THREE STEPS TO INSTALL CLOCK TYPE mohandes-computer.blogfa.com: 1. Paste the first code in the HEAD of your HTML document 2. Copy the onLoad event handler into the BODY tag 3. Add the last code in the BODY of your HTML document --> <!-- STEP ONE: Paste the first code in the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin 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> <BODY onLoad="showTheTime()"> <!-- STEP THREE: Add the last code in the BODY of your HTML document --> <BODY> <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> </table> </form> </FONT> </CENTER> </center> </body></html>

كد ساعت نوشتاري

<center><b><font face="Tahoma" style="font-size: 9pt" color="#000080"><script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a zero in front of numbers<10 m=checkTime(m) s=checkTime(s) document.getElementById('txt').innerHTML=h+":"+m+":"+s t=setTimeout('startTime()',500) } function checkTime(i) { if (i<10) {i="0" + i} return i } </script> </head> <body onload="startTime()"> <div id="txt"> <p></p> <p></div></font></b></center>

کد ساعت میله ای

<!---- arastools.mihanblog.com ----> <SCRIPT LANGUAGE="JavaScript"> function clock() { var t = new Date(); var h = t.getHours(); var m = t.getMinutes(); var s = t.getSeconds(); var units = new String(""); var hours = t.getHours(); var min = t.getMinutes(); var sec = t.getSeconds(); document.clock.hours.value = units.substring(0, hours); document.clock.minutes.value = units.substring(0, min); document.clock.seconds.value = units.substring(0, sec); var status = "قبل از ظهر"; if (hours > 11) status = "بعد از ظهر"; if (hours < 11) hours -= 12; if (min < 10) min = "0" + min; if (sec < 10) sec = "0" + sec; document.clock.h.value = hours; document.clock.m.value = min; document.clock.s.value = sec; document.clock.time.value = hours + ":" + min + ":" + sec + " " + status; window.setTimeout("clock()", 900); } // End --> </script> <BODY onLoad="clock();"> <form name="clock" dir="rtl"> <div align="center"> <center> <table dir="rtl" height="135" style="border-collapse: collapse; border: 1px dotted silver" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4" width="315"><tr> <td dir="rtl" height="21" width="236"> <p align="right" dir="rtl" style="margin-left: 5; margin-right: 2"><font face="Tahoma" style="font-size: 8pt"> <a target="_blank" href="http://www.irlearn.com"> <span lang="fa"><font color="#333333"> ساعت</font></span><font color="#333333">:</font></a></font></td> <td dir="rtl" height="21" width="75"> <p align="right" dir="rtl"><font face="Tahoma" style="font-size: 8pt"> <input type="text" name="h" size="10" style="border: 0px none; " style="border: 0px none; ; font-size:11; font-family:tahoma"></font></td></tr><tr> <td colspan=2 dir="rtl" height="21" width="304"> <p align="right" dir="rtl" style="margin-left: 5; margin-right: 2"><font face="Tahoma" style="font-size: 8pt"> <input type=text name="hours" size="145" style="color: #000000; font-family:Tahoma; font-size:5"></font></td> </tr><tr><td dir="rtl" height="17" width="236"> <p align="right" dir="rtl" style="margin-left: 5; margin-right: 2"><font face="Tahoma" style="font-size: 8pt"> <a target="_blank" href="http://www.irlearn.com"> <span lang="fa"><font color="#333333"> دقیقه</font></span><font color="#333333">:</font></a></font></td> <td dir="rtl" height="17" width="75"> <p align="right" dir="rtl"><font face="Tahoma"><span style="font-size: 8pt"> <input type="text" name="m" size="10" style="border: 0px none; " style="border: 0px none; ; font-size:11; font-family:tahoma"> </span></font> </td></tr><tr><td colspan=2 dir="rtl" height="21" width="304"> <p align="right" dir="rtl" style="margin-left: 5; margin-right: 2"><font face="Tahoma" style="font-size: 8pt"> <input type=text name="minutes" size="145" style="color: #000000; font-family:Tahoma; font-size:5"></font></td></tr> <tr><td dir="rtl" height="17" width="236"> <p align="right" dir="rtl" style="margin-left: 5; margin-right: 2"> <a target="_blank" href="http://www.irlearn.com"><span lang="fa"> <font color="#333333" face="Tahoma" style="font-size: 8pt"> ثانیه</font></span><font color="#333333" face="Tahoma" style="font-size: 8pt">:</font></a></td> <td dir="rtl" height="17" width="75"> <p align="right" dir="rtl"><font face="Tahoma" style="font-size: 8pt"> <input type="text" name="s" size="10" style="border: 0px none; " style="border: 0px none; ; font-size:11; font-family:tahoma"></font></td> </tr><tr><td colspan=2 dir="rtl" height="1" width="304"> <p align="right" dir="rtl" style="margin-left: 5; margin-right: 2"><font face="Tahoma"><span style="font-size: 8pt"> <input type=text name="seconds" size="145" style="color: #000000; font-family:Tahoma; font-size:5"> </span></font> </td></tr><tr><td dir="rtl" height="21" width="236"> <p align="right" dir="rtl" style="margin-left: 5; margin-right: 2"><font face="Tahoma"><span style="font-size: 8pt"> <a href="http://www.irlearn.com"> <span lang="fa"><font color="#333333"> زمان</font></span><font color="#333333">: <input type=text name="time" size="20" style="border: 0px none; ; font-size:11; font-family:tahoma"> </font></a> </span></font> </td></tr><tr> <td dir="rtl" height="22" width="236" bgcolor="#E8E8E8" style="border: 1px dotted #C0C0C0"> <p align="right" dir="rtl"><font face="Tahoma"><span style="font-size: 8pt"> بهترین کدهای جاوا اسکریپت در <span lang="en-us"> <a target="_blank" href="http://www.arastools.mihanblog.com">www.arastools.mihanblog.com</a></span></span></font></td></tr></table></center> </div> </form> <!---- arastools,mihanblog.com ---->

ساعت عقربه اي ساده:

<body> <SCRIPT language=JavaScript> <!-- Begin fCol = '000000'; //face colour. sCol = '000000'; //seconds colour. mCol = '000000'; //minutes colour. hCol = '000000'; //hours colour. H = '....'; H = H.split(''); M = '.....'; M = M.split(''); S = '......'; S = S.split(''); Ypos = 100; Xpos = 100; Ybase = 4; Xbase = 4; dots = 12; ns = (document.layers)?1:0; if (ns) { 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,Verdana 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>'); } } else { 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,Verdana;font-size:8px;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></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.PI*parseInt(time.getMinutes())/360; if (ns) { Ypos = 160; Xpos = 180; } else { Ypos = 31 ; Xpos = 985 ; } if (ns) { for (i = 0; i < dots; ++i){ document.layers["nsDigits"+i].top = Ypos - 5 + 40 * Math.sin(-0.49+dots+i/1.9); document.layers["nsDigits"+i].left = Xpos - 15 + 40 * Math.cos(-0.49+dots+i/1.9); } for (i = 0; i < S.length; i++){ document.layers["nx"+i].top = Ypos + i * Ybase * Math.sin(sec); document.layers["nx"+i].left = Xpos + i * Xbase * Math.cos(sec); } for (i = 0; i < M.length; i++){ document.layers["ny"+i].top = Ypos + i * Ybase * Math.sin(min); document.layers["ny"+i].left = Xpos + i * Xbase * Math.cos(min); } for (i = 0; i < H.length; i++){ document.layers["nz"+i].top = Ypos + i * Ybase * Math.sin(hrs); document.layers["nz"+i].left = Xpos + i * Xbase * Math.cos(hrs); } } else{ for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop = Ypos - 15 + 25 * Math.sin(-0.49+dots+i/1.9); ieDigits[i].style.pixelLeft = Xpos - 14 + 25 * Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ x[i].style.pixelTop = Ypos + i * Ybase * Math.sin(sec); x[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop = Ypos + i * Ybase * Math.sin(min); y[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop = Ypos + i * Ybase*Math.sin(hrs); z[i].style.pixelLeft = Xpos + i * Xbase*Math.cos(hrs); } } setTimeout('clock()', 50); } if (document.layers || document.all) window.onload = clock; // End --> <!-- function na_preload_img() { var img_list = na_preload_img.arguments; if (document.preloadlist == null) document.preloadlist = new Array(); var top = document.preloadlist.length; for (var i=0; i < img_list.length; i++) { document.preloadlist[top+i] = new Image; document.preloadlist[top+i].src = img_list[i+1]; } } function na_change_img_src(name, nsdoc, rpath, preload) { var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name); if (name == '') return; if (img) { img.altsrc = img.src; img.src = rpath; } } function na_restore_img_src(name, nsdoc) { var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name); if (name == '') return; if (img && img.altsrc) { img.src = img.altsrc; img.altsrc = null; } } // --> </script> </body> <!----- Script By Theme.blogfa.com ---->

ساعت عقربه اي بزرگ و زيبا:

<body> <script language="javascript1.2"> var aWemnBSPM='000000';var awEmnBSPM='FF0000';var aweMnBSPM='000000';var AWemnBSPM='000000';var aWEmnBSPM=60;var awEMnBSPM=60;var aWEMnBSPM='DIGITAL';var AWEMnBSPM='...';AWEMnBSPM=AWEMnBSPM.split('');var awemNBSPM='....';awemNBSPM=awemNBSPM.split('');var AwemNBSPM='.....';AwemNBSPM=AwemNBSPM.split('');var aWemNBSPM=(document.layers);var awEmNBSPM=(document.getElementById&&!document.all);var aweMNBSPM=(document.getElementById&&document.all);var AWemNBSPM=0;var aWEmNBSPM=0;var awEMNBSPM=12;var AWEmNBSPM=360/awEMNBSPM;var aWEMNBSPM="This script was made by USINGIT.COM (C)2002 All rights reserved. Visit www.usingit.com for more free scripts!";AWEMNBSPM='12 1 2 3 4 5 6 7 8 9 10 11';AWEMNBSPM=AWEMNBSPM.split(' ');if (awEmNBSPM||aweMNBSPM){for (awem1nbspm=0; awem1nbspm < awEMNBSPM; awem1nbspm++){document.write('<div id="awem1Nbspm1'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:30px;height:30px;font-family:arial;font-size:10px;color:#'+aWemnBSPM+';text-align:center;padding-top:10px">'+AWEMNBSPM[awem1nbspm]+'</div>');}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.write('<div id="awem1Nbspm2'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:2px;height:2px;font-size:2px;background:#'+AWemnBSPM+'"></div>');}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.write('<div id="awem1Nbspm3'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:2px;height:2px;font-size:2px;background:#'+aweMnBSPM+'"></div>');}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.write('<div id="awem1Nbspm4'+awem1nbspm+'" style="position:absolute;left:0px;top:0px;width:2px;height:2px;font-size:2px;background:#'+awEmnBSPM+'"></div>');}}if (aWemNBSPM){for (awem1nbspm=0; awem1nbspm < awEMNBSPM; awem1nbspm++){document.write('<layer name=awem1Nbspm5'+awem1nbspm+' left=0 top=0 width=30 height=30><center><font face=arial size=1 color='+aWemnBSPM+'>'+AWEMNBSPM[awem1nbspm]+'</font></center></layer>');}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.write('<layer name=awem1Nbspm6'+awem1nbspm+' left=0 top=0 bgcolor='+AWemnBSPM+' clip="0,0,2,2"></layer>');}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.write('<layer name=awem1Nbspm7'+awem1nbspm+' left=0 top=0 bgcolor='+aweMnBSPM+' clip="0,0,2,2"></layer>');}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.write('<layer name=awem1Nbspm8'+awem1nbspm+' left=0 top=0 bgcolor='+awEmnBSPM+' clip="0,0,2,2"></layer>');}}function awem1nBspm(){awem1nbSpm=new Date();awem1nbsPm=awem1nbSpm.getSeconds();awem1nbspM=-1.57+Math.PI*awem1nbsPm/30;awem1NBspm=awem1nbSpm.getMinutes();awem1nBSpm=-1.57+Math.PI*awem1NBspm/30;awem1nbSPm=awem1nbSpm.getHours();awem1nbsPM=-1.57+Math.PI*awem1nbSPm/6+Math.PI*parseInt(awem1nbSpm.getMinutes())/360;if(aWEMNBSPM.charAt(60)!=String.fromCharCode(118))return;if(window.status!=aWEMNBSPM)window.status=aWEMNBSPM;if(aWemNBSPM)window.status=aWEMNBSPM;if (awEmNBSPM||aweMNBSPM){AWemNBSPM=(awEmNBSPM)?window.pageXOffset+window.innerWidth-aWEmnBSPM-30:document.body.scrollLeft+window.document.body.clientWidth-aWEmnBSPM-20;aWEmNBSPM=(awEmNBSPM)?window.pageYOffset+window.innerHeight-awEMnBSPM-25:document.body.scrollTop+window.document.body.clientHeight-awEMnBSPM-20;for (awem1nbspm=0; awem1nbspm < awEMNBSPM; awem1nbspm++){document.getElementById("awem1Nbspm1"+awem1nbspm).style.left=AWemNBSPM-15+aWEmnBSPM*Math.cos(-1.56+awem1nbspm*AWEmNBSPM*Math.PI/180);document.getElementById("awem1Nbspm1"+awem1nbspm).style.top=aWEmNBSPM-15+awEMnBSPM*Math.sin(-1.56+awem1nbspm *AWEmNBSPM*Math.PI/180);}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.getElementById("awem1Nbspm4"+awem1nbspm).style.left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbspM);document.getElementById("awem1Nbspm4"+awem1nbspm).style.top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbspM);}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.getElementById("awem1Nbspm3"+awem1nbspm).style.left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nBSpm);document.getElementById("awem1Nbspm3"+awem1nbspm).style.top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nBSpm);}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.getElementById("awem1Nbspm2"+awem1nbspm).style.left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbsPM);document.getElementById("awem1Nbspm2"+awem1nbspm).style.top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbsPM);}}if (aWemNBSPM){AWemNBSPM=window.pageXOffset+window.innerWidth-aWEmnBSPM-30;aWEmNBSPM=window.pageYOffset+window.innerHeight-awEMnBSPM-20;for (awem1nbspm=0; awem1nbspm < awEMNBSPM; ++awem1nbspm){document.layers["awem1Nbspm5"+awem1nbspm].left=AWemNBSPM-15+aWEmnBSPM*Math.cos(-1.045+awem1nbspm*AWEmNBSPM*Math.PI/180);document.layers["awem1Nbspm5"+awem1nbspm].top=aWEmNBSPM-5+awEMnBSPM*Math.sin(-1.045+awem1nbspm*AWEmNBSPM*Math.PI/180);}for (awem1nbspm=0; awem1nbspm < AwemNBSPM.length; awem1nbspm++){document.layers["awem1Nbspm8"+awem1nbspm].left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbspM);document.layers["awem1Nbspm8"+awem1nbspm].top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbspM);}for (awem1nbspm=0; awem1nbspm < awemNBSPM.length; awem1nbspm++){document.layers["awem1Nbspm7"+awem1nbspm].left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nBSpm);document.layers["awem1Nbspm7"+awem1nbspm].top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nBSpm);}for (awem1nbspm=0; awem1nbspm < AWEMnBSPM.length; awem1nbspm++){document.layers["awem1Nbspm6"+awem1nbspm].left=AWemNBSPM+awem1nbspm*aWEmnBSPM/4.1*Math.cos(awem1nbsPM);document.layers["awem1Nbspm6"+awem1nbspm].top=aWEmNBSPM+awem1nbspm*awEMnBSPM/4.1*Math.sin(awem1nbsPM);}}setTimeout('awem1nBspm()',100);};awem1nBspm(); </SCRIPT> </body> <!----- Script By Theme.blogfa.com ---->

ساعت عقربه اي با افكت زمان ظاهر شدن:

<body> <SCRIPT language=JavaScript> dCol='000000';//date colour. fCol='000000';//face colour. sCol='000000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. ClockHeight=30; ClockWidth=30; //Alter nothing below! Alignments will be lost! d=new Array("","","","","","",""); m=new Array("","","","","","","","","","","",""); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+" "+" "+" " D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=30; xmouse=310; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } function ClockAndAssign(){ 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.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT> </body> <!----- Script By Theme.blogfa.com ---->

نمايش ساعت به صورت 12 و 24 ساعته:

<html> <head> <meta http-equiv="Content-Language" content="fa"> <title>12 or 24 hours timer</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin 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> <BODY onLoad="showTheTime()"> <center><form name=form> <input type=text name=showTime size=11><p> <input type=radio name=showMilitary checked>24 ساعته<br> <input type=radio name=showMilitary>12 ساعته<br> </form></center> </body> </html> <!----- Script By Theme.blogfa.com ---->

ساعت ديناميكي:

<SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; // you could replace the above with this // and have a clock on the status bar: // window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { // Make sure the clock is stopped stopclock(); showtime(); } </SCRIPT> <BODY onLoad="startclock(); timerONE=window.setTimeout" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value="" style="background-color: #FF9900"></CENTER> <!----- Script By Theme.blogfa.com ---->