مجموعه کد های جاوای ساعت و وقت (تاریخ و زمان) 1 2 3 4 5 نورالدین بازدید : 1656 شنبه 21 فروردین 1389 نظرات (0) ساعت عقربه دار لغزان </SCRIPT> <SCRIPT language=JavaScript> fCol='FF0099'; //face colour. sCol='9900FF'; //seconds colour. mCol='00FFFF'; //minutes colour. hCol='00FFFF'; //hours colour. Ybase=30; //Clock height. Xbase=40; //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='FF0099'; //face colour. sCol='9900FF'; //seconds colour. mCol='00FFFF'; //minutes colour. hCol='00FFFF'; //hours colour. Ybase=30; //Clock height. Xbase=40; //Clock width. </body> </html> ساعت میله ای با جدول <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin 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 = "AM"; if (hours > 11) status = "PM"; 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> </HEAD> <!-- CONTINUE --> <BODY onLoad="clock();"> <!-- STEP THREE: Copy this code into the BODY of your HTML document --> <form name="clock"><table><tr><td>Hours:</td><td> <input type="text" name="h" size="10" style="border: 0"></td></tr><tr><td colspan=2><input type=text name="hours" size="24" style="color: navy"></td> </tr><tr><td>Minutes:</td><td><input type="text" name="m" size="10" style="border: 0"> </td></tr><tr><td colspan=2><input type=text name="minutes" size="60" style="color: navy"></td></tr> <tr><td>Seconds:</td><td><input type="text" name="s" size="10" style="border: 0"></td> </tr><tr><td colspan=2><input type=text name="seconds" size="69" style="color: navy"> </td></tr><tr><td>Time: <input type=text name="time" size="20" style="border: 0"> </td></tr></table></form> <!-- END Script Size: 3.07 KB --> ساعت عقربه دار ثابت <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Randy Bennett (rbennett@thezone.net) --> <!-- Web Site: http://home.thezone.net/~rbennett/utility/sitemap.htm --> <!-- Edited by Mahdi Peivandi - JavaKadeh --> <!-- Begin pX = 100; pY = 100; obs = new Array(13); function ob() { for (i = 0; i < 13; i++) { if (document.all) obs[i] = new Array (eval('ob'+i).style,-100,-100); else obs[i] = new Array (eval('document.ob'+i),-100,-100); } } function cl(a, b, c) { if (document.all) { if (a != 0) b += -1; eval('c'+a+'.style.pixelTop='+(pY+(c))); eval('c'+a+'.style.pixelLeft='+(pX+(b))); } else { if (a != 0) b += 10; eval('document.c'+a+'.top='+(pY+(c))); eval('document.c'+a+'.left='+(pX+(b))); } } function runClock() { for (i = 0; i < 13; i++) { obs[i][0].left=obs[i][1]+pX; obs[i][0].top=obs[i][2]+pY; } } var lastsec; function timer() { time = new Date (); sec = time.getSeconds(); if (sec != lastsec) { lastsec = sec; sec = Math.PI * sec / 30; min = Math.PI * time.getMinutes() / 30; hr = Math.PI * time.getHours() / 6 + Math.PI * parseInt(time.getMinutes()) / 360; for (i = 1; i < 6; i++) { obs[i][1] = Math.sin(sec) * (44 - (i-1) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(sec) * (44 - (i-1) * 11) - 27; } for (i = 6;i < 10; i++) { obs[i][1] = Math.sin(min) * (40 - (i-6) * 10) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(min) * (40 - (i-6) * 10) - 27; } for (i = 10; i < 13; i++) { obs[i][1] = Math.sin(hr) * (37 - (i-10) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(hr) * (37 - (i-10) * 11) - 27; } } } function setNum() { cl (0, -67, -65); cl (1, 10, -51); cl (2, 28, -33); cl (3, 35, -8); cl (4, 28, 17); cl (5, 10, 35); cl (6, -15, 42); cl (7, -40, 35); cl (8, -58, 17); cl (9, -65, -8); cl (10, -58, -33); cl (11, -40, -51); cl (12, -16, -56); } function startClock() { ob(); setNum(); setInterval('timer()', 100); setInterval('runClock()', 100); } // End --> </script> <style> ..num {color:white;width:30px;text-align:center; } </style> </HEAD> <body onLoad="javascript:startClock();"> <div id="c0" style="position:absolute;left:36;top:36; z-index:2;"> <table> <tr> <td bgcolor=000000 width=120 height=120> </td> </tr> </table> </div> <div id="c1" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</b></div> <div id="ob0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"> </div> <div id="ob1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> </body> </html> <!-- END Script Size: 5.93 KB --> ساعت و تاریخ در نوار وضعیت <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Francis Woodhouse (francis@contessa.u-net.com) --> <!-- Begin function runClock() { theTime = window.setTimeout("runClock()", 1000); var today = new Date(); var display= today.toLocaleString(); status=display; } // End --> </SCRIPT> <!-- CONTINUE --> <body onLoad="runClock()"> <!-- END Script Size: 0.81 KB -->
مطالب مرتبط مجموعه کدهای گذاشتن ساعت و تاریخ در وبلاگ یا وب سایت 3 مجموعه کد های جاوای ساعت و وقت (تاریخ و زمان) 2
ارسال نظر برای این مطلب متن شما نام آدرس سایت ایمیل کد امنیتی ارسال نظر خصوصی فقط برای نویسنده ذخیره مشخصات