تعلم الهتمل مع أحمد عوف

الوصلات التشعبية

تاريخ

ساعة صغيرة سوداء

<html> <head> <title>JavaClock v2.3 Written by The Transcendent</title> </head> <body> <script language = "javascript">    /* !!!These specifications are supported in both IE and Netscape. You MUST give these variables a value!!! */ var clockwidth = 12 //specify the clock width var clockvalue = "--- Clock ---" //the text in the clock before the body is completly loaded (needs quotes) /* !!!!!extra clock looks only available in IE, not supported in netscape!!!! */ var clockfeatures = "yes" // do you want the extra looks? if no, you do not have to change the next 5 variables (must keep quotes around yes/no) var backcolor = "#000000" //specify background color (needs quotes) var textcolor = "#eeeeee" //specify text color (needs quotes) var borderstyle = "solid" //specify the type of border ((in quotes, type "original" for the normal style, regardless of your color and width specs) none,dotted,dashed,solid,double,groove,ridge,inset,outset) var bordercolor = "#a00000" //specify border color (needs quotes) (type in 0 for the borderwidth if you dont want one) var borderwidth = 1 //specify border width (a number in pixels, (type in 0 if you dont want one) var fontfamily = "Arial" //specify font type (needs quotes) (type in 'null' if you dont care)  document.onLoad = setInterval('chngtme()',100) if (document.all && clockfeatures=="yes") {document.write("<style> #clock { background: "+backcolor+"; color: "+textcolor+((borderstyle!='original')?'; border: '+bordercolor+' '+borderwidth+'px '+borderstyle+';':';')+" font-family: "+fontfamily+";} </style>")} function chngtme() { var t=new Date() var AP=((t.getHours()>=12)?" P.M.":" A.M.") var timeValue=""+((t.getHours()>12)?t.getHours()-12:(t.getHours()==0)?12:t.getHours()) timeValue+=((t.getMinutes()<10)?":0":":")+t.getMinutes() timeValue+=((t.getSeconds()<10)?":0":":")+t.getSeconds() timeValue+=AP document.clock.face.value=timeValue } document.write('<center><form name="clock" Action="#"><input id="clock" TYPE="text" NAME="face" SIZE="'+clockwidth+'" VALUE="'+clockvalue+'"></form></center>')  //--> </script> </body> </html>

ساعة متحركة في الأسفل

<HTML> <HEAD> <style type="text/css">  </style> <script>  </script> <TITLE>F O R M S</TITLE> </HEAD> <BODY BGCOLOR="#000000" TEXT="#7b68ee" link="#7b68ee" vlink="#7b68ee" onLoad="show2()"> <P> <BR><CENTER>انظر الى الساعة فى الجهة اليمنى</CENTER><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <script language="JavaScript"> var IW= 0; var IH= 0; var PX= 0; var PY= 0; var ZIN= 0; var us= null; var IMGW= 50; var IMGH= 25; var LSAFETY= 20; var TSAFETY= 17; function branding() { oldIW= IW; oldIH= IH; oldPX= PX; oldPY= PY; if (navigator.appName == 'Netscape') { if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY)) { if (us == null) { for (i=0; i<document.layers.length; i++) { us= document.layers[i]; if (us.id == "Valley") break; } } if (us != null) { us.visibility= "hide"; IH= window.innerHeight; IW= window.innerWidth; PX= window.pageXOffset; PY= window.pageYOffset; (IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0; (IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0; //alert('document.layers.length: ' + document.layers.length); for (i=0; i<document.layers.length; i++) { templay= document.layers[i]; // alert('document.layers[' + i + '].id: ' + document.layers[i].id); if (templay.zIndex > ZIN) ZIN= (templay.zIndex + 1); } us.zIndex= ZIN; us.visibility= "show"; } } } else{ if (navigator.appVersion.indexOf("Mac") == -1) { if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY)) { alldivs= document.all.tags("DIV"); if (us == null){ for (i=0; i<alldivs.length; i++) { us= alldivs(i); if (us.id == "Valley") break; } } if (us != null){ us.style.display= "none"; IH= document.body.clientHeight; IW= document.body.clientWidth; PX= document.body.scrollLeft; PY= document.body.scrollTop; us.style.top= (IH+PY-(IMGH+TSAFETY)+12); us.style.left=(IW+PX-(IMGW+LSAFETY)+15); for (i=0; i<alldivs.length; i++){ templay= alldivs(i); if (templay.style.zIndex > ZIN) us.style.zindex= (templay.style.zIndex + 1); } us.style.display= ""; } } } } } if ((document.all) || (document.layers)){ setInterval("branding()",100); } </SCRIPT> <DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right"> <span id=tick2 class=tick2> </span> </DIV> </BODY> </HTML>

ساعة ملونة

<html> <head> <title>Java Script Library -> http://java.tatousek.cz - 00020 Sample</title> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> </head> <body bgcolor="#FFFFFF" text="#000000"> <script language="VBScript"> Dim a Dim min1 Dim hr1 Dim sec1 'Initializes clock and tells it how to behave, when to start animation, etc Sub window_onload a = time min1 = minute(time) hr1 = hour(time) if hr1 > 12 then hr1 = hr1 - 12 end if sec1 = second(time) call sgSecondHand.Rotate(0,0,sec1*6 - 90) call sgMinuteHand.Rotate(0,0,min1*6 - 90) call sgHourHand.Rotate(0,0,hr1*360/12 - 90) call seq("Time").Play end Sub 'Sequencer initilization Sub Seq_OnInit Call seq("Time").at(0.000, "SecRot", -1, 1.000, 1) Call seq("Time").at(60.000, "MinRot", -1, 60.000, 1) Call seq("Time").at(0.000, "HourRot", -1, 1800.000, 1) End Sub 'rotates second hand of clock Sub SecRot Call sgSecondHand.Rotate(0,0,6) End Sub ' rotates minute hand of clock Sub MinRot Call sgMinuteHand.Rotate(0,0,6) End Sub ' rotates hour hand of clock Sub HourRot Call sgHourHand.Rotate(0,0,15) End Sub </script>  <div id="MASTERLAYOUT" STYLE="POSITION:ABSOLUTE;WIDTH:300; HEIGHT:300;TOP:25%;LEFT:25%">  <div id="divTimeText" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;z-index:2"> <br> <br> <br> <p align="center"> <font face="Verdana,Tahoma,Arial" size="5" color="YELLOW"> <BR> <BR> </font> </p>  <OBJECT ID="SgNumbers" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE= "POSITION:ABSOLUTE; WIDTH:215; HEIGHT:200; TOP:0; LEFT:0;Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0004" VALUE="SetFillColor(255,255,255)"> <PARAM NAME="Line0005" VALUE="SetFont('ARIAL',24,650,0,0,0)"> <PARAM NAME="Line0006" VALUE="Text('1',30,-66,0"> <PARAM NAME="Line0007" VALUE="Text('2',60,-36,0"> <PARAM NAME="Line0008" VALUE="Text('3',70,4,0"> <PARAM NAME="Line0009" VALUE="Text('4',60,44,0"> <PARAM NAME="Line0010" VALUE="Text('5',30,74,0"> <PARAM NAME="Line0011" VALUE="Text('6',-10,89,0"> <PARAM NAME="Line0012" VALUE="Text('7',-50,79,0"> <PARAM NAME="Line0013" VALUE="Text('8',-85,44,0"> <PARAM NAME="Line0014" VALUE="Text('9',-95,4,0"> <PARAM NAME="Line0015" VALUE="Text('10',-85,-36,0"> <PARAM NAME="Line0016" VALUE="Text('11',-60,-61,0"> <PARAM NAME="Line0017" VALUE="Text('12',-20,-76,0"> </OBJECT> </div>  <OBJECT ID="sgBackground" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200"> <PARAM NAME="Line0001" VALUE="SetLineStyle(5)"> <PARAM NAME="Line0002" VALUE="SetFillStyle(11)"> <PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0,0,0,255)"> <PARAM NAME="Line0004" VALUE="SetGradientFill(0,0,-100,-100,0)"> <PARAM NAME="Line0005" VALUE="Oval(-100,-100,200,200,0)"> </OBJECT> <div id="divClock" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;">  <OBJECT ID="sgSecondHand" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillColor(255,255,255)"> <PARAM NAME="Line0004" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0005" VALUE="Rect(-5,-2,100,4,0)"> </OBJECT>  <OBJECT ID="sgMinuteHand" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(255, 0, 0)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0)"> <PARAM NAME="Line0004" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0005" VALUE="Rect(-5,-3,85,6,0)"> </OBJECT>  <OBJECT ID="sgHourHand" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:ABSOLUTE; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(0, 0, 255)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillColor(0,0,255)"> <PARAM NAME="Line0004" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0005" VALUE="Rect(-5,-3,70,6,0)"> </OBJECT> </div> </div>  <OBJECT ID="Seq" CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96"> </OBJECT> </body> </html>

ساعة وتحية

<html> <head> <title>Floating Time</title> <script language="JavaScript"> // Instructions: // This script combines a bunch of different scripts together to // create the effect of a "floating clock." First off, the browser // requirements are IE 4.0+. Other browsers will work, // but the clock will be in the status bar. Don't worry, there's // a browser detector included, to keep the script completely bug-free. // I've commented out all of the different sections, to try and make // it a little easier to understand. Here's a list of the features that // this "mega-script" includes: Real time clock, message based on the time, // browser detector, floating display, and AM/PM. There's very little // that you have to do to set this up; just the font size and color. // Start Time Function function makeclock() { // Declare the time variables var runTime = new Date() var hours = runTime.getHours() var minutes = runTime.getMinutes() var seconds = runTime.getSeconds() var dn = "AM" var msg = null if (hours > 12) { dn = "PM" hours -= 12 } if (hours == 0) { hours = 12 } // After all the definitions for "hours" are done, make the timely messages if (hours <= 12 && dn == "AM") { msg = "صباح الخير" } else if (hours <= 5 && dn == "PM") { msg = "مساء الخير" } else { msg = "مساء الورد" } // Continue on with regular time function if (minutes <= 9) { minutes = "0" + minutes } if (seconds <= 9) { seconds = "0" + seconds; } currtime = hours + ":" + minutes + ":" + seconds + " " + dn // Make sure that the browser is IE 4.0+ or compatible if (document.all) { currtime += "<br>" + msg var html document.all.clockface.innerHTML = currtime } // If the browser's not IE 4.0+, the clock displays in the status bar else { currtime += " - " + msg window.status = currtime } // Make sure that the clock keeps going var keepgoing = setTimeout("makeclock()", 1000) // Start the floater function check() } // End Time Function // Start floater code var mover = null if (navigator.appName.indexOf("Netscape") != -1) { var mover = "document.clockface.top = window.pageYOffset" } else { var mover = "clockface.style.pixelTop = document.body.scrollTop + 10" } function check() { object = "clockface" eval(mover) setTimeout("check()", 0) } // End floater code </script> </head>  <body onLoad="makeclock()">   <style type="text/css"> #clockface { background-color : White; border: 2px solid black; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10pt; font-style : normal; padding : 1; color : Black; position:absolute; visibility:show; left:10px; top:10px; z-index:0 } </style>   <div id="float"> <div id="clockface"> </div> </div>  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </body> </html>

وقت وتاريخ

تصميم: أحمد محمد محمد علي عوف
بريد إلكتروني: ahmad_ouf2005@yahoo.com