الوقت والتاريخ
ساعة بالعربي
<div id=Clock align=center style="font-family: tahoma; font-size: 12; color:#999966 "> </div> <script> function tick() { var hours, minutes, seconds, ap; var intHours, intMinutes, intSeconds; var today; today = new Date(); intHours = today.getHours(); intMinutes = today.getMinutes(); intSeconds = today.getSeconds(); if (intHours == 0) { hours = "12:"; ap = "بعد متصف الليل"; } else if (intHours < 12) { hours = intHours+":"; ap = "صباحا"; } else if (intHours == 12) { hours = "12:"; ap = "ظهرا"; } else { intHours = intHours - 12 hours = intHours + ":"; ap = "مساءا"; } if (intMinutes < 10) { minutes = "0"+intMinutes+":"; } else { minutes = intMinutes+":"; } if (intSeconds < 10) { seconds = "0"+intSeconds+" "; } else { seconds = intSeconds+" "; } timeString = hours+minutes+seconds+ap; Clock.innerHTML = timeString; window.setTimeout("tick();", 100); } window.onload = tick; </script>
تاريخ ميلادي يعرض الأيام بالعربي
<script LANGUAGE="JavaScript"> <!-- This script and many more are available online from --> <!-- The JavaScript Source!! http://javascriptsource.com --> <!-- Begin var day=""; var month=""; var myweekday=""; var year=""; mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; myyear= mydate.getYear(); year = myyear if(myday == 0) day = " الأحد, " else if(myday == 1) day = " الأثنين, " else if(myday == 2) day = " الثلاثاء, " else if(myday == 3) day = " الاربعاء, " else if(myday == 4) day = " الخميس, " else if(myday == 5) day = " الجمعة, " else if(myday == 6) day = " السبت, " if(mymonth == 0) { month = "يناير "} else if(mymonth ==1) month = "فبراير " else if(mymonth ==2) month = "مارس " else if(mymonth ==3) month = "ابريل " else if(mymonth ==4) month = "مايو " else if(mymonth ==5) month = "يونيو " else if(mymonth ==6) month = "يوليو " else if(mymonth ==7) month = "اغسطس " else if(mymonth ==8) month = "سبتمبر " else if(mymonth ==9) month = "اكتوبر " else if(mymonth ==10) month = "نوفمبر " else if(mymonth ==11) month = "ديسمبر " // End --> </script> <!-- الخطوة الثانية--> <script> document.write("<b><font face=Tahoma size=1>" + day +myweekday ); document.write(month + ", " + year + "</font></b>"); </script>
ساعة رقمية
<SCRIPT LANGUAGE="JavaScript"> var timerID = null var timerRunning = false function stopclock() { if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock() { stopclock() showtime() } 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) ? "PM" : "AM" document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </SCRIPT> <form name="clock" onSubmit="0"> <INPUT TYPE="text" NAME="face" SIZE=11 READONLY VALUE ="....Initializing...."> </form> <SCRIPT LANGUAGE="JavaScript"> <!-- startclock() //--> </SCRIPT>
ساعة بخلفية ملونة
<head></head> <script language = "javascript"> <!-- 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) <!-- ok, everything is taken care of! now just save the page, sit back and enjoy! --> 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>') <!-- End JavaScript Clock v2.1 --> //--> </script>
عرض اليوم من الأسبوع
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin today = new Date(); day = today.getDay(); arday = new Array("sunday.jpg", "monday.jpg", "tuesday.jpg", "wednesday.jpg", "thursday.jpg", "friday.jpg", "saturday.jpg"); document.write("<img src='" + arday[day] + "'>"); // End --> </script> <center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center>
ساعة وتاريخ في شريط المعلومات
ضع الكود التالي في منظقة الرأس <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function runClock() { theTime = window.setTimeout("runClock()", 1000); var today = new Date(); var display= today.toLocaleString(); status=display; } // End --> </SCRIPT> ضع الكود التالي مع بداية منطقة الجسم <body onLoad="runClock()">