شفرة جافا لساعة افتراضية تماثلية وأخرى رقمية

شفرة جافا لساعة افتراضية تماثلية وأخرى رقمية

الصفحة الرئيسة خريطة الموقع المجال التربوي المجال الإسلامي المجال العربي

شفرة جافا لساعة رقمية وأخرى تماثلية

ملاحظة: انظر فوق عنوان الشفرة تلاحظ الساعة التماثلية وأسفل هذه الملاحظة الساعة الرقمية
Virtual Clock

Virtual Clock

<HTML> <HEAD> <style TYPE="text/css"> .a {color: red; font-weight: 400; font-size: 20pt;} .b {color: blue; font-weight: 400; font-size: 20pt;} .c {color: green; font-weight: 400; font-size: 20pt;} .d {color: black; font-weight: 400; font-size: 20pt;} .e {color: black; font-weight: 400; font-size: 5pt;} </style> <script LANGUAGE="JavaScript1.2"> // This part should be placed in a separate file. Unfortunately, I wasn't able // to upload the script when I used two files. function Is() { var agent = navigator.userAgent.toLowerCase(); this.major = parseInt(navigator.appVersion); this.minor = parseFloat(navigator.appVersion); this.ns = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1))); this.ns4 = (this.ns && (this.major >= 4)); this.ie = (agent.indexOf("msie") != -1); this.ie4 = (this.ie && (this.major >= 4)); } var is = new Is() if (is.ns4) { doc = "document"; sty = ""; htm = ".document"; xpos = "evnt.pageX"; ypos = "evnt.pageY"; } else if (is.ie4) { doc = "document.all"; sty = ".style"; htm = ""; xpos = "event.x"; ypos = "event.y"; } function Point(x,y) { this.x = x; this.y = y; } var pts = new Point (); var PI = 3.14159265; //var RADIUS = 0.2*Math.min(available_width, available_height); var RADIUS = 50; pts[0] = new Point(0,0); for (i=1;i<=12;i++) { pts[i] = new Point(-RADIUS*Math.sin((i+6)*PI/6), RADIUS*Math.cos((i+6)*PI/6)); } var mu = 20; var yh = 20; function layerSetup() { Hr0_Lyr = eval(doc + '["LayerHr0"]' + sty); Hr0_Lyr.left = (available_width)/2; Hr0_Lyr.top = (available_height-yh)/2 - mu; var i = 1; Hr1_Lyr = eval(doc + '["LayerHr1"]' + sty); Hr1_Lyr.left = (available_width)/2 + pts[i].x; Hr1_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr2_Lyr = eval(doc + '["LayerHr2"]' + sty); Hr2_Lyr.left = (available_width)/2 + pts[i].x; Hr2_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr3_Lyr = eval(doc + '["LayerHr3"]' + sty); Hr3_Lyr.left = (available_width)/2 + pts[i].x; Hr3_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr4_Lyr = eval(doc + '["LayerHr4"]' + sty); Hr4_Lyr.left = (available_width)/2 + pts[i].x; Hr4_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr5_Lyr = eval(doc + '["LayerHr5"]' + sty); Hr5_Lyr.left = (available_width)/2 + pts[i].x; Hr5_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr6_Lyr = eval(doc + '["LayerHr6"]' + sty); Hr6_Lyr.left = (available_width)/2 + pts[i].x; Hr6_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr7_Lyr = eval(doc + '["LayerHr7"]' + sty); Hr7_Lyr.left = (available_width)/2 + pts[i].x; Hr7_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr8_Lyr = eval(doc + '["LayerHr8"]' + sty); Hr8_Lyr.left = (available_width)/2 + pts[i].x; Hr8_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr9_Lyr = eval(doc + '["LayerHr9"]' + sty); Hr9_Lyr.left = (available_width)/2 + pts[i].x; Hr9_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr10_Lyr = eval(doc + '["LayerHr10"]' + sty); Hr10_Lyr.left = (available_width)/2 + pts[i].x; Hr10_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr11_Lyr = eval(doc + '["LayerHr11"]' + sty); Hr11_Lyr.left = (available_width)/2 + pts[i].x; Hr11_Lyr.top = (available_height-yh)/2 + pts[i].y; i++; Hr12_Lyr = eval(doc + '["LayerHr12"]' + sty); Hr12_Lyr.left = (available_width)/2 + pts[i].x; Hr12_Lyr.top = (available_height-yh)/2 + pts[i].y; var now=new Date(); var hrs= now.getHours(); hrs = (hrs>12) ? parseInt(hrs-12) : parseInt(hrs); var mins=now.getMinutes(); //alert(mins); mins = parseInt(mins)-30; var secs=now.getSeconds(); secs = parseInt(secs)-30; HrCurr_Lyr = eval(doc + '["LayerCurrHr"]' + sty); HrCurr_Lyr.left = (available_width)/2 + 0.5*pts[hrs].x; HrCurr_Lyr.top = (available_height-yh)/2 + 0.5*pts[hrs].y - mu; MnCurr_Lyr = eval(doc + '["LayerCurrMn"]' + sty); MnCurr_Lyr.left = (available_width)/2 - 0.6*RADIUS*Math.sin(mins*PI/30); MnCurr_Lyr.top = (available_height-yh)/2 + 0.6*RADIUS*Math.cos(mins*PI/30) - mu; ScCurr_Lyr = eval(doc + '["LayerCurrSc"]' + sty); ScCurr_Lyr.left = (available_width)/2 - 0.7*RADIUS*Math.sin(secs*PI/30); ScCurr_Lyr.top = (available_height-yh)/2 + 0.7*RADIUS*Math.cos(secs*PI/30) - mu; visibilitySetup(); } function visibilitySetup() { Hr0_Lyr.visibility = "visible"; Hr1_Lyr.visibility = "visible"; Hr2_Lyr.visibility = "visible"; Hr3_Lyr.visibility = "visible"; Hr4_Lyr.visibility = "visible"; Hr5_Lyr.visibility = "visible"; Hr6_Lyr.visibility = "visible"; Hr7_Lyr.visibility = "visible"; Hr8_Lyr.visibility = "visible"; Hr9_Lyr.visibility = "visible"; Hr10_Lyr.visibility = "visible"; Hr11_Lyr.visibility = "visible"; Hr12_Lyr.visibility = "visible"; HrCurr_Lyr.visibility = "visible"; MnCurr_Lyr.visibility = "visible"; ScCurr_Lyr.visibility = "visible"; updateTime (); } function updateTime () { var now=new Date(); var hrs= now.getHours(); hrs = (hrs>12) ? parseInt(hrs-12) : parseInt(hrs); var mins=now.getMinutes(); mins = parseInt(mins)-30; var secs=now.getSeconds(); secs = parseInt(secs)-30; HrCurr_Lyr = eval(doc + '["LayerCurrHr"]' + sty); HrCurr_Lyr.left = (available_width)/2 + 0.5*pts[hrs].x; HrCurr_Lyr.top = (available_height-yh)/2 + 0.5*pts[hrs].y - mu; MnCurr_Lyr = eval(doc + '["LayerCurrMn"]' + sty); MnCurr_Lyr.left = (available_width)/2 - 0.6*RADIUS*Math.sin(mins*PI/30); MnCurr_Lyr.top = (available_height-yh)/2 + 0.6*RADIUS*Math.cos(mins*PI/30) - mu; ScCurr_Lyr = eval(doc + '["LayerCurrSc"]' + sty); ScCurr_Lyr.left = (available_width)/2 - 0.7*RADIUS*Math.sin(secs*PI/30); ScCurr_Lyr.top = (available_height-yh)/2 + 0.7*RADIUS*Math.cos(secs*PI/30) -mu; setTimeout("updateTime()", 1000); } </script> <script> function clock() { // credit: WzrdZorndr@aol.com var now=new Date() var hrs= now.getHours() var mins=now.getMinutes() var secs=now.getSeconds() var disp=((hrs>12) ? (hrs-12) : hrs) + ":" disp+=((mins<10) ? "0" + mins : mins) + ":" + ((secs<10) ? "0" + secs : secs) disp+=((hrs>12) ? " PM" : " AM") document.forms[0].elements[0].value=disp setTimeout("clock()", 1000); } </SCRIPT> <TITLE>Virtual Clock</TITLE> </HEAD> <body MARGINWIDTH="0" MARGINHEIGHT="0" onLoad=" clock(); if(is.ns4) { available_width=innerWidth; available_height=innerHeight; layerSetup(); } else if(is.ie4) { available_width=document.body.clientWidth; available_height=document.body.clientHeight; layerSetup(); } " onResize="history.go(0)" background="nabkgnd.jpg" bgcolor="#FFFFFF" text="#000000" link="#003300" vlink="#0000FF" alink="#FF0000"> <center> </font> <h2>Virtual Clock</h2> </center> <P> </P> <div ID="LayerHr0" STYLE="HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="d">.</font></center></div> <div ID="LayerHr1" STYLE="HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">1</font></center></div> <div ID="LayerHr2" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">2</font></center></div> <div ID="LayerHr3" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">3</font></center></div> <div ID="LayerHr4" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">4</font></center></div> <div ID="LayerHr5" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">5</font></center></div> <div ID="LayerHr6" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">6</font></center></div> <div ID="LayerHr7" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">7</font></center></div> <div ID="LayerHr8" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">8</font></center></div> <div ID="LayerHr9" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">9</font></center></div> <div ID="LayerHr10" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">10</font></center></div> <div ID="LayerHr11" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">11</font></center></div> <div ID="LayerHr12" STYLE="fontSize: 5px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="e">12</font></center></div> <div ID="LayerCurrHr" STYLE="HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="a">.</font></center></div> <div ID="LayerCurrMn" STYLE="HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="b">.</font></center></div> <div ID="LayerCurrSc" STYLE="HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 1px; Z-INDEX: 1" > <center><font class="c">.</font></center></div> <p> </p> <p> </p> <p> </p> <p> </p> <FORM> <p align="center"> <center><INPUT TYPE="text" NAME="clock" SIZE="9" onBlur="changeTime()"></center> </p> </FORM> </BODY> </HTML> </p> </font>

۩ الهي : لك الحمد كما ينبغي لجلال وجهك وعظيم سلطانك ۩
۩ الحمد لله وحده : عدد خلقه ، وزنة عرشه ، ومداد كلماته ، ورضا نفسه ۩
يا ربي رضاك وعفوك، ومحبة حبيبك ومصطفاك الحبيب محمد صلى الله عليه وسلم من وراء الجهد والقصد ،
فتقبله خالصاً لوجهك الكريم
**********
د / يسري مصطفى السيد

Webstyle produced NavBar