الغريب

التاريخ و الوقت

قوائم	شريط المعلومات	تأثيرات على النص	تأثيرات على الخلفية	تأثيرات على الماوس
	لعمل نوافذ	التاريخ والوقت	محركات بحث	تأثيرات الوصلات

الوقت داخل زر

<BODY> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>

اعلى

تاريخ ميلادي مكتوب بلعربي

التقويم الشهري

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

ساعة وتخبرك صباحاً أو مساءً بلعربي

<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"> 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">  </SCRIPT>

التاريخ والوقت في شريط المعلومات

الوقت والتاريخ كنص تابت

اعلى

الوقت على زر

<BODY> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>

رزنامه ايام السنة

<HTML>  <HEAD> <TITLE>alholaisi.cjb.net</TITLE> <META NAME=GENERATOR CONTENT="Claris Home Page 3.0 30 Day Trial"> <X-CLARIS-WINDOW TOP=0 BOTTOM=314 LEFT=0 RIGHT=615> <X-CLARIS-TAGVIEW MODE=minimal> <SCRIPT LANGUAGE="JavaScript"></script><meta HTTP-EQUIV="Content-Type" CONTENT="text/html;"> </style><script LANGUAGE="JavaScript"></script> </HEAD> <BODY TEXT="#FFBD9D" BGCOLOR="#BF3F00" LINK="#D9D900" ALINK="#D9D900" VLINK="#D9D900" onload="setToday()"> <H1><CENTER><FORM ACTION="" METHOD=POST name=calControl onsubmit="return false;"> <P><div align="center"></P> <CENTER><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0> <TR> <TD> <P><div align="center"></P> <CENTER><SELECT NAME=month onchange="selectDate()"> <OPTION>January <OPTION>February <OPTION>March <OPTION>April <OPTION>May <OPTION>June <OPTION>July <OPTION>August <OPTION>September <OPTION>October <OPTION>November <OPTION>December </SELECT> <INPUT TYPE=text NAME=year VALUE="" SIZE=4 MAXLENGTH=4> <INPUT TYPE=button NAME=Go VALUE="بناء" onclick="selectDate()"></CENTER> </TD> </TR> </TABLE> </CENTER> <P></div> </FORM> <FORM ACTION="" METHOD=POST name=calButtons> <P><div align="center"></P> <CENTER><TABLE> <TR> <TD ALIGN=center> <P><TEXTAREA NAME=calPage ROWS=8 COLS=22 WRAP=virtual font=Courier>

تاريخ الميلادي

<html> <head> <title></title> </head> <body> <table> <tr> <td width="130" valign="middle" align="right"> <script LANGUAGE="JavaScript">function showdate() { var months=new Array(13); months[1]="January"; months[2]="February"; months[3]="March"; months[4]="April"; months[5]="May"; months[6]="June"; months[7]="July"; months[8]="August"; months[9]="September"; months[10]="October"; months[11]="November"; months[12]="December"; var time=new Date(); var lmonth=months[time.getMonth() + 1]; var date=time.getDate(); var year=time.getYear(); if ((navigator.appName == "Microsoft Internet Explorer") && (year < 2000)) year="19" + year; if (navigator.appName == "Netscape") year=1900 + year; document.write("<font size=1 face=\"tahoma,Helvetica\">" + lmonth + " "); document.write(date + ", " + year + "</font>"); }</script> <script LANGUAGE="JavaScript"></script></td> </tr> </table> </body> </html>

اعلى

رزنامة جميع ايام السن بطريقة اخرا

ساعة حية

<div id=Clock align=center style="font-family: tahoma; font-size: 14; color:لون الساعة"> </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>

ساعة حائط جميلة

2. Paste the last section into a new file, save it as wall-clock.html -->  <BODY> <center> <form name=digitalclock> <input type=button value="Open the Wall Clock" onClick="window.open('wall-clock.html', 'wallclock', 'width=200, height=200');"> </form> </center>  <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript">      </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> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

اعلى