جميع اكود

سلام عليكم طلب مني وضع جميع اكود في موضوع واحد لكن انا عندي علي مايقراب 1000 كود لكن راح اكتب الي اقد عليه
بسم الله الرحمن الرحيم

ساعة ذات خلفية سوداء - LCD Clock

الكود:

<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 15px MS Sans Serif;
padding: 3px;
}
-->
</style>
 
 

ساعة في أعلى و يسار الصفحة

الكود:

<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>
 <script language="JavaScript">
 
/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

 <!--
 function show5(){
if (!document.layers&&!document.all)
return;
var Digital=new Date();
var hours=Digital.getHours();
var minutes=Digital.getMinutes();
var seconds=Digital.getSeconds();
var dn="AM";
if (hours>12){
dn="PM";
hours=hours-12;
}
if (hours==0)
hours=12;
if (minutes<=9)
minutes="0"+minutes;
if (seconds<=9)
seconds="0"+seconds;
//change font size here to your desire
myclock="<font size='5' face='Arial' color= red><b><font size='3'>الساعة تشير إلى</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>";
if (document.layers){
document.layers.liveclock.document.write(myclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML=myclock;
setTimeout("show5()",1000);
}
 
 //-->
</script>

ساعة ضمن مستطيل صغير - ساعات + دقائق + ثواني

الكود:

<script language="JavaScript">

/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

<!-- begin script
var ddt1, delay;
function debuteTemps1() {
  var hhmmss = "  ", mymin, sec;
  delay = 1000;

  adate = new Date();
  hhmmss += adate.getHours();
  mymin = adate.getMinutes();
  if (mymin < 10) hhmmss += ":0" + mymin;
  else hhmmss += ":" + mymin;
  sec = adate.getSeconds();
  if (sec < 10) hhmmss += ":0" + sec;
  else hhmmss += ":" + sec;
  hhmmss = " " + hhmmss;
  document.Temps11.heure.value = hhmmss;

  ddt1 = setTimeout("debuteTemps1(delay)",delay);
}
//  end script -->
</script>

ساعة ضمن مستطيل صغير - ( am - fm )

الكود:

<SCRIPT LANGUAGE="JavaScript">

/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

    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>
 
 

ساعة حائط ملونة - تظهر اذا كان المتصفح يدعم الجافا

الكود:

  <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>

<!-- This is the master div, sets over all height, width and positioning-->

<div id="MASTERLAYOUT" STYLE="POSITION:ABSOLUTE;WIDTH:300; HEIGHT:300;TOP:25%;LEFT:25%">

<!-- Div sets positioning of text on clock face, z-index tells it to go in front of background data in master div -->

<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 displays the numbers on the clock face -->

<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>

<!-- Creates the clock face , structured graphic-->

<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 creates second hand for clock, structured graphic -->

<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 creates minute hand for clock, structured graphic-->

<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 creates hour hand for clock, structured graphic -->

<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>

<!-- Sequencer, controls timing and continuation of clock motion -->

<OBJECT ID="Seq"
   CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96">
</OBJECT>
 

سكربت لتواقيت دول العالم - ويمكنك إضافة اي عدد من الدول

الكود:

<form name="where">
 <table border="0" width="200" cellspacing="0" cellpadding="3">
<tr>
    <td width="100%">
<select name="city" size="1" onchange="updateclock(this);">
<option selected>التوقيت المحلي</option>
<option value="3">السعودية</option>
<option value="4">الإمارات</option>
<option value="3">الكويت</option>
<option value="3">لبنان</option>
<option value="4">عمان</option>
<option value="3">قطر</option>
<option value="3">مصر</option>
<option value="0">المغرب</option>
<option value="1">تونس</option>
<option value="3">السودان</option>
<option value="0">لندن</option>
<option value="1">روما</option>
<option value="7">بانكوك</option>
<option value="8">هونكغ كونغ</option>
<option value="9">طوكيو</option>
<option value="10">سيدني</option>
<option value="12">فوجي</option>
<option value="-10">هاواي</option>
<option value="-8">سان فرانسيسكو</option>
<option value="-5">نيويورك</option>
</select>
</td>
  </tr>
  <tr>
    <td width="100%">
<script language="JavaScript">

/*
Drop Down World Clock- By JavaScript Kit (http://www.javascriptkit.com)
Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascript
This credit notice must stay intact
Visit our site at http://www.star28.com/ for more code
*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}


setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script>

<!--Place holder for NS4 only-->
<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer>
</td></tr></table></form>
 

عرض الساعة و التاريخ

الكود:

<CENTER>
<SCRIPT LANGUAGE="JavaScript">

/* Visit our site at http://www.star28.com/ for more code
*********************************************************/

<!-- Begin
Stamp = new Date();
document.write('<font size="2" face="Arial"><B>' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '</B></font><BR>');
var Hours;
var Mins;
var Time;
Hours = Stamp.getHours();
if (Hours >= 12) {
Time = " P.M ";
}
else {
Time = " A.M ";
}
if (Hours > 12) {
Hours -= 12;
}
if (Hours == 0) {
Hours = 12;
}
Mins = Stamp.getMinutes();
if (Mins < 10) {
Mins = "0" + Mins;
}   
document.write('<font size="2" face="Arial"><B>' + Hours + ":" + Mins + Time + '</B></font>');
// End -->
</SCRIPT>
</CENTER>
 

ساعة جميلة ترافق الماوس
<SCRIPT LANGUAGE="JavaScript1.2">

/*
Analog Clock III- Kurt Grigg (kurt.grigg@virgin.net)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
* Visit our site at http://www.star28.com/ for more code
This notice must stay intact for use */


colors = new Array('330099','00ff00','ff00ff'); //Clock face colors.
sCol = 'ff00ff'; //seconds colour.
mCol = '00ff00'; //minutes colour.
hCol = 'red'; //hours colour.
//Alter nothing below!
H = '***';
H = H.split('');
H = H.reverse();
M = '****';
M = M.split('');
M = M.reverse();
S = '*****';
S = S.split('');
S = S.reverse();
dots = 12;
var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0;
var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy
= 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0;
count = 0;
count_a = 0;
move = 1;
ie4=document.all
ns = (document.layers)?1:0;

viz = (document.layers)?'hide':'hidden';
if (ns) {
for (i = 0; i < dots; i++)
document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#000099 clip="0,0,3,3"></layer>');
for (i = 0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i = 0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i = 0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else if (ie4){
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < dots; i++) {
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#000099"></div>');
}
document.write('</div></div>');
document.write('<div id="X" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns) {
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt) {
Ypos = evnt.pageY + 100;
Xpos = evnt.pageX + 100;
}
window.onMouseMove = nsMouse;
}
else if (ie4){
function ieMouse() {
Ypos = event.y + 100;
Xpos = event.x + 100;
}
document.onmousemove = ieMouse;
}
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.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes())
/ 360;
Ybase = 15;
Xbase = 15;

if (ns) {
document.layers["nx"+0].visibility = viz;
document.layers["ny"+0].visibility = viz;
document.layers["nz"+0].visibility = viz;
for (i = 0; i < S.length; i++) {
document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec);
document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min);
document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs);
document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
document.layers["nface"+i].top = dy - 2 + (70 *
Math.sin(-0.49+dots+i/1.9));
document.layers["nface"+i].left = dx + 4 + (70 *
Math.cos(-0.49+dots+i/1.9));
}
}
else if (ie4) {
var scrll = document.body.scrollTop;
W.style.pixelTop = scrll;
X.style.pixelTop = scrll;
Y.style.pixelTop = scrll;
Z.style.pixelTop = scrll;
x[0].style.visibility=viz;
y[0].style.visibility = viz;
z[0].style.visibility = viz;
for (i = 0; i < S.length; i++) {
x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec);
x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec);
}
for (i = 0; i < M.length; i++) {
y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min);
y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min);
}
for (i = 0; i < H.length; i++) {
z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs);
z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i /
1.9));
face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i /
1.9));
}
}
}
function MouseFollow() {
ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15);
ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15);
by = Math.round(By += (ay - By) * 4 / 15);
bx = Math.round(Bx += (ax - Bx) * 4 / 15);
cy = Math.round(Cy += (by - Cy) * 4 / 15);
cx = Math.round(Cx += (bx - Cx) * 4 / 15);
dy = Math.round(Dy += (cy - Dy) * 4 / 15);
dx = Math.round(Dx += (cx - Dx) * 4 / 15);
clock();
setTimeout('MouseFollow()',10);
}

function StartAll() {
MouseFollow();
}
if (document.layers || document.all) window.onload = StartAll;
// End -->
</script>
ساعة ترافق الماوس مع التاريخ

الوقت الذي مضى منذ تاريخ تحدده أنت

الكود:

  <script language="JavaScript1.2">

/* Translated By www.sakrkuraish.netfirms.com - sakrkuraish@lycos.co.uk
*Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */
function setcountup(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}

//////////إجراء التعديلات المناسبة من هنا//////////////////

//STEP 1: Configure the date to count up from, in the format year, month, day:
// عدل التاريخ بحيث يكون أقل من تاريخ اليوم
setcountup(2004,08,01)

//STEP 2: عدل الجملة إلى ما يناسبك
var displaymessage="تم نشر الموقع "

//STEP 3: تعديل الحجم واللون ...الخ
var countupwidth='100%'
var countupheight='20px' //applicable only in NS4
var countupbgcolor=''
var opentags='<font face="Times New Roman"><b><small>'
var closetags='</small></font>'

//////////لاتغير شئ في هذه المنطقة//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countup(){
if (document.layers)
document.countupnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countupie") : countupie
countup()
}

if (document.all||document.getElementById)
document.write('<span id="countupie" style="width:'+countupwidth+'; background-color:'+countupbgcolor+'"></span>')

window.onload=start_countup


function countup(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
paststring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(todaystring)-Date.parse(paststring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)

if (document.layers){
document.countupnsmain.document.countupnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds "+displaymessage+closetags)
document.countupnsmain.document.countupnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " يوم و "+dhour+" ساعة و "+dmin+" دقيقة و "+dsec+" ثانية مضى منذ  "+displaymessage+closetags

setTimeout("countup()",1000)
}
    </script>
 

عرض التاريخ بالأشهر و الأيام

الكود:

<SCRIPT language=JavaScript>

/* Visit our site at http://www.star28.com/ for more code
* Translated By www.star28.com
* This notice must stay intact for use */

<!-- 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>
 

ساعة مع تاريخ ضمن جدول

الكود:

<CENTER>
                  <SCRIPT language=JavaScript>
             
/* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
* Translated By www.star28.com/
*/

    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 readOnly size=11
                  value=....Initializing.... name=face></FORM>
                  <SCRIPT language=JavaScript>
<!-- Begin
monthnames = new Array(
"كانون الثاني",
"شباط",
"آذار",
"نيسان",
"أيار",
"حزيران",
"تموز",
"آب",
"أيلول",
"تشرين الأول",
"تشرين الثاني",
"كانون الأول");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=2 bgcolor=#FFFFCC ");
document.write("bordercolor=BLACK><font color=000000>");
document.write("<tr><td colspan=7><center><strong>"
+ monthnames[thismonth] + " " + thisyear
+ "</strong></center></font></td></tr>");
document.write("<tr>");
document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الاحد</font></td>");
document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الاثنين</font></td>");
document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الثلاثاء</font></td>");
document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الاربعاء</font></td>");
document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الخميس</font></td>");
document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الجمعة</font></td>");
document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>السبت</font></td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href="" + linkdays[c][2] + "">");
linktrue=true;
      }
  }
}
if (count==thisdate) {
document.write("<font color='FF0000'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
                              </SCRIPT>

                  <SCRIPT language=JavaScript>
<!--
    startclock()
//-->
                              </SCRIPT>
                  </CENTER>

الوقت الذي قضيته بالصفحة

الكود:

<SCRIPT>

/* Visit our site at http://www.star28.com/ for more code
 This notice must stay intact for use */

 <!--  Activate Cloaking Device



 var onHours = " ";

 var onMinutes = " ";


 var onSeconds = " ";



 var offHours = 0;

 var offMinutes = 0;

 var offSeconds = 0;



 var logSeconds = 0;

 var logMinutes = 0;

 var logHours = 0;



 var OnTimeValue = " ";

 var OffTimeValue = " ";

 var PageTimeValue = " ";



 // Back to previous page.

 function WinOpen()

    {

    getLogoffTime();

    window.location="js-timet.htm"

    window.location="js-timet.htm"  // double call for Mac users??

    }



 // Loads HTML page to full window for View Source.

 function WinOpen1()

    {

    alert('View/Document Source from menu bar..., then close new window to return to this page. The animation of the radio buttons on the JavaScript index will be dead upon return. Reload the JavaScript page to get them going again. ');

    window.open("js-timer.htm","DisplayWindow","menubar=yes,scrollbars=yes");

    }



 // Captures logon time.

 function getLogonTime()

    {

    var now = new Date();

    // Used to display logon time.

    var ampm = (now.getHours() >= 12) ? " مساءً" : " صباحاً"

    var Hours = now.getHours();

          Hours = ((Hours > 12) ? Hours - 12 : Hours);

    var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();


    var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();

    // String to display log-on time.


    OnTimeValue =(" "


        + Hours


        + Minutes


        + Seconds


        + " "

        + ampm);



    // Capture logon time for use in timer().

    onHours = now.getHours();

    onMinutes = now.getMinutes();

    onSeconds = now.getSeconds(); 

    }



 function getLogoffTime()

    {

    var now = new Date();

    // Used to display logoff time.

    var ampm = (now.getHours() >= 12) ? " مساءً" : " صباحاً"

    var Hours = now.getHours();

          Hours = ((Hours > 12) ? Hours - 12 : Hours);


    var Minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();


    var Seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();

    // String to display log-off time.


    OffTimeValue =(" "


        + Hours


        + Minutes


        + Seconds


        + " "

        + ampm);



    // Capture logoff time for use in timer().

    offHours = now.getHours();

    offMinutes = now.getMinutes();

    offSeconds = now.getSeconds();



    timer();

    }



 // Compute difference between logoff time and logon time.

 function timer()

    {

    if (offSeconds >= onSeconds)

      { logSeconds = offSeconds - onSeconds; }

    else

      {

      offMinutes -= 1;

      logSeconds = (offSeconds + 60) - onSeconds;     

      }

    if (offMinutes >= onMinutes)

      { logMinutes = offMinutes - onMinutes; }

    else

      {

      offHours -= 1;

      logMinutes = (offMinutes + 60) - onMinutes;

      }

    logHours = offHours - onHours;



    // Used to display time on page.

    logHours =  ((logHours < 10) ? "0" : ":") + logHours;

    logMinutes = ((logMinutes < 10) ? ":0" : ":") + logMinutes;


    logSeconds = ((logSeconds < 10) ? ":0" : ":") +logSeconds;

    // String to display time on page.

    PageTimeValue =(" "


        + logHours


        + logMinutes


        + logSeconds);



    displayTimes();

    }



 function displayTimes()

    {

    alert("\n,وقت دخول الصفحة    : " +OnTimeValue+"\n\nالوقت الآن  : "+OffTimeValue+"\n\nالوقت الذي قضيته بالصفحة هو : " + PageTimeValue);

    }



 // Deactivate Cloaking -->

 </SCRIPT>
 

تاريخ آخر تحديث للمنتدي

الكود:

  <SCRIPT LANGUAGE="JavaScript">
var m = "آخر تحديث للموقع كان بتاريخ " + document.lastModified;
var p = m.length-8;
document.writeln("<center><center><font color=red face=tahoma size=2>");
document.write(m.substring(p, 0));
document.writeln("</font></center>"); 
</SCRIPT>
 

تغيير لون الصفحة بضطة زر

الكود:

<CENTER>
<a href="javascript:history.go(0)"><font color="#000000" face="Tahoma ,Arial" size="3">إضغط هنا لتغيير لون الصفحة</font></a>
</CENTER>
 

غير لون الصفحة بمجرد مرور الماوس على اسم اللون

الكود:

<center><font face="Tahoma" color="#FF0000">مرر
    فأرتك على أحد الألوان</font><br>
    <p align="center"><font face="Tahoma">[<a href="/" onmouseover="document.bgColor='green'">أخضر</a>]
    [<a href="/" onmouseover="document.bgColor='greem'">أخضر فاتح</a>] [<a href="/"
    onmouseover="document.bgColor='seagreen'">أخضر عفني</a>] [<a href="/"
    onmouseover="document.bgColor='red'">أحمر</a>]<br>
    [<a href="/" onmouseover="document.bgColor='magenta'">وردي غامق</a>] [<a href="/"
    onmouseover="document.bgColor='fusia'">فوشي</a>] [<a href="/"
    onmouseover="document.bgColor='pink'">وردي</a>] [<a href="/"
    onmouseover="document.bgColor='purple'">بنفسجي</a>]<br>
    [<a href="/" onmouseover="document.bgColor='navy'">كحلي</a>] [<a href="/"
    onmouseover="document.bgColor='blue'">أزرق</a>] [<a href="/"
    onmouseover="document.bgColor='royalblue'">أزرق ملكي</a>] [<a href="/"
    onmouseover="document.bgColor='Skyblue'">أزرق سماوي</a>]<br>
    [<a href="/" onmouseover="document.bgColor='yellow'">أصفر</a>] [<a href="/"
    onmouseover="document.bgColor='brown'">بني</a>] [<a href="/"
    onmouseover="document.bgColor='almond'">أحمر قاني</a>] [<a href="/"
    onmouseover="document.bgColor='white'">أبيض</a>]<br>
    [<a href="/" onmouseover="document.bgColor='black'">أسود</a>] [<a href="/"
    onmouseover="document.bgColor='coral'">مشمشي</a>] [<a href="/"
    onmouseover="document.bgColor='olivedrab'">زيتوني</a>] [<a href="/"
    onmouseover="document.bgColor='orange'">برتقالي</a>] </font></center>
 

كود ألعاب نارية

الكود:

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>
<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>
<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>
<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>
<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>

<script language="JavaScript">

/*
Document firework script (By Kurt Gregg, kurt.grigg@virgin.net)
Modified granted to Dynamic Drive to feature script in archive
For full source and 100's more DHTML scripts, visit http://dynamicdrive.com
Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */

if (document.all)
with(document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>')
write('</div>')
}


var Clrs=new Array(9)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='ffa500';
Clrs[5]='ffff00';
Clrs[6]='00ff00';
Clrs[7]='ffffff';
Clrs[8]='fffff0';
var sClrs=new Array(5)
sClrs[0]='ffa500';
sClrs[1]='55ff66';
sClrs[2]='AC9DFC';
sClrs[3]='fff000';
sClrs[4]='fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor='ffa000';
var Mtop=250;
var Mleft=250;

function Fireworks() {
if (document.all)
{
yBase = window.document.body.offsetHeight/3;
xBase = window.document.body.offsetWidth/8;
}
else if (document.layers)
{
yBase = window.innerHeight/3;
xBase = window.innerWidth/8;
}
if (document.all)
{
step=5;
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
if (currStep < 90)
starsDiv.all[i].style.background=initialStarColor;
if (currStep > 90)
starsDiv.all[i].style.background=Clrs[c];
starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
}
}
else if (document.layers)
{
step = 5;
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
{
var templayer="a"+j
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
if (currStep < 90)
document.layers[templayer].bgColor=initialStarColor;
if (currStep > 90)
document.layers[templayer].bgColor=Clrs[c];
document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)
document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)
}
}
currStep+= step;
http://window.status=currStep;
T=setTimeout("Fireworks()",5);
if (currStep==220)
{
currStep=-10;
for (n=0; n < sClrs.length; n++)
{
var k=Math.round(Math.random()*n);
}
initialStarColor=sClrs[k];
if (document.all)
{
Dtop=window.document.body.clientHeight-250;
Dleft=xBase*3.5;
Mtop=Math.round(Math.random()*Dtop);
Mleft=Math.round(Math.random()*Dleft);
document.all.starsDiv.style.top=Mtop+document.body.scrollTop;
document.all.starsDiv.style.left=Mleft+document.body.scrollLeft;
}
else if (document.layers)
{
Dleft=window.innerWidth-100;
Dtop=window.innerHeight-100;
Mtop=Math.round(Math.random()*Dtop+window.pageYOffset);
Mleft=Math.round(Math.random()*Dleft+window.pageXOffset);
document.layers[templayer].top=Mtop;
document.layers[templayer].left=Mleft;
}
if ((Mtop < 20) || (Mleft < 20))
{
Mtop+=90;
Mleft+=90;
}
}
}
if (document.all||document.layers)
Fireworks();

</script>
 

الكود:

 

غير لون الصفحة بمجرد مرور الماوس على اسم اللون

الكود:

<center>
<table cellspacing =0 cellpadding =0>
<script language="JavaScript">
for(i=1 ; i <= 6 ; i++){
for(j=1 ; j <= 6 ; j++){
for(k=1 ; k <= 6 ; k++){
var thiscolor = Colors[i] + Colors[j] + Colors[k];
document.writeln("<tr><td height = 20 bgcolor = "#" + thiscolor + "" align = right><a href = ");
document.writeln("'' onMouseOver = "document.bgColor = '" + thiscolor + "'">" + thiscolor + "</a></td></tr>");
      }
  }
}
</script>
</table>
</center>