السلام عليكم ورحمة الله وبركاتة
حياك الله يالله جيت وجيت وش رايك تسجل وتنورنا

يا شيخ نورت الموقع بطلتك ونبي نشوفك كل يوم هنا
عشان كذا تفضل وسجل

سجل معنا ليصلك كل جديد من منتديات شموخ الجوري

حكمة اليوم

خدمات شموخ الجوري

نوع المستعرض لديك هو : رمز المستعرض لديك هو : لغة المستعرض لديك هو :

المواضيع الأخيرة

» سيرفرات ترافيان
الأربعاء مارس 25, 2015 9:23 pm من طرف عبد الكريم

» منهج رياضيات ثالث ثانوي علمي مطور الفصل الدراسي الاول
الثلاثاء ديسمبر 30, 2014 2:07 am من طرف luzaadeeb

»  عند الرقم اربعه شد الكرسي من تحت اي عضو
الثلاثاء يونيو 10, 2014 12:57 am من طرف ابوعبدالله

» الطيف
الثلاثاء يناير 21, 2014 3:22 am من طرف ابوعبدالله

» كود عمل الالة الحاسبه في الفيجوال بيسك 6
الإثنين يناير 13, 2014 7:00 am من طرف Abdooosss1234

»  كل عام وانتي بخير.. فتاة الجوري الابيض..
الخميس أكتوبر 17, 2013 3:09 pm من طرف rUnz

» منهج رياضيات ثاني ثانوي علمي مطور
الجمعة أكتوبر 04, 2013 5:27 am من طرف عاصي اغا

» منهج فيزياء ثاني ثانوي علمي مطور الفصل الاول
الأحد سبتمبر 08, 2013 6:33 pm من طرف myloveamani

» لعبه روووووووووووعه**لاتفوتكم
الإثنين أغسطس 26, 2013 3:51 am من طرف ابوعبدالله

» قــــــــــمر 14
الإثنين أغسطس 26, 2013 3:50 am من طرف ابوعبدالله

» لعبة الصراحه
الإثنين أغسطس 26, 2013 3:50 am من طرف ابوعبدالله

» كون كلمة صابون وزحلق العضو الذي تبي
الإثنين أغسطس 26, 2013 3:48 am من طرف ابوعبدالله

... ....

    خمس اكواد ساعات بلغة الجافا سكربت

    شاطر
    avatar
    MoHaMaD
    ‎ ‎ ‎ ‎‎ ‎ ‎
    ‎ ‎ ‎ ‎‎ ‎ ‎

    علمك :
    البلد : السعوديه
    الثور
    الثعبان
    عدد المساهمات : 897
    نقاط : 4560
    شكراا : 29
    تاريخ التسجيل : 07/08/2009
    العمر : 28
    الساعه الان :

    خمس اكواد ساعات بلغة الجافا سكربت

    مُساهمة من طرف MoHaMaD في الأربعاء فبراير 09, 2011 8:27 pm

    الجافا سكربت هي : لغة برمجة مهمتها المساعدة في بناء المواقع و إعطاء بعض الحيوية لصفحات الويب مثل الساعات و القوائم و أشياء أخرى متنوعة , و هي من تطوير شركة NETscape





    الكود الاول

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


    1- انسخ هذا الكود و ضعه في منطقة HEAD

    الكود:

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

    2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

    الكود:

    <div align="center" dir="ltr">
    <span id="digitalclock" class="styling"></span>
    <script>
    /*****************************************
    * LCD Clock script- by Javascriptkit
    * Translated By [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    * Visit our site at http://www.star28.com/ for more code
    * This notice must stay intact for use
    ***********************************************/
    <!--

    var alternate=0
    var standardbrowser=!document.all&&!document.getElementById

    if (standardbrowser)
    document.write('<form name="tick"><input type="text" name="tock" size="6"></form>')

    function show(){
    if (!standardbrowser)
    var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
    var Digital=new Date()
    var hours=Digital.getHours()
    var minutes=Digital.getMinutes()
    var dn="AM"

    if (hours==12) dn="PM"
    if (hours>12){
    dn="PM"
    hours=hours-12
    }
    if (hours==0) hours=12
    if (hours.toString().length==1)
    hours="0"+hours
    if (minutes<=9)
    minutes="0"+minutes

    if (standardbrowser){
    if (alternate==0)
    document.tick.tock.value=hours+" : "+minutes+" "+dn
    else
    document.tick.tock.value=hours+"  "+minutes+" "+dn
    }
    else{
    if (alternate==0)
    clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
    else
    clockobj.innerHTML=hours+"<font color='black'> :&nbsp;</font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
    }
    alternate=(alternate==0)? 1 : 0
    setTimeout("show()",1000)
    }
    window.onload=show

    //-->
    </script></div>


    الكود الثاني
    ساعة في أعلى و يسار الصفحة

    1- أضف هذا المتغير للوسم BODY لتبدو مثل هذه
    الكود:
    [code]<BODY onLoad="show5()">[/code]
     

    2- انسخ هذا الكود و ضعه بعد الوسم BODY

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


    الكود الثالث

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


    انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

    الكود:
    <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>


    الكود الرابع

    ساعة ترافق الماوس مع التاريخ

    انسخ هذا الكود و ضعه في منطقة HEAD



    الكود:
      <SCRIPT language=JavaScript>
    // Visit our site at http://www.star28.com/ for more code
    dCol='0000FF';//date colour.
    fCol='006600';//face colour.
    sCol='9900FF';//seconds colour.
    mCol='FF4500';//minutes colour.
    hCol='FF4500';//hours colour.
    ClockHeight=35;
    ClockWidth=35;
    ClockFromMouseY=0;
    ClockFromMouseX=100;

    //Alter nothing below! Alignments will be lost!
    d=new Array("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
    m=new Array("JANUAR","FEBRUAR","MAERZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER");
    date=new Date();
    day=date.getDate();
    year=date.getYear();
    if (year < 2000) year=year+1900;
    TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
    D=TodaysDate.split('');
    H='...';
    H=H.split('');
    M='....';
    M=M.split('');
    S='.....';
    S=S.split('');
    Face='1 2 3 4 5 6 7 8 9 10 11 12';
    font='Arial';
    size=1;
    speed=0.6;
    ns=(document.layers);
    ie=(document.all);
    Face=Face.split(' ');
    n=Face.length;
    a=size*10;
    ymouse=0;
    xmouse=0;
    scrll=0;
    props="<font face="+font+" size="+size+" color="+fCol+"><B>";
    props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
    Split=360/n;
    Dsplit=360/D.length;
    HandHeight=ClockHeight/4.5
    HandWidth=ClockWidth/4.5
    HandY=-7;
    HandX=-2.5;
    scrll=0;
    step=0.06;
    currStep=0;
    y=new Array();x=new Array();Y=new Array();X=new Array();
    for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
    Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
    for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
    if (ns){
    for (i=0; i < D.length; i++)
    document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
    for (i=0; i < n; i++)
    document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
    for (i=0; i < S.length; i++)
    document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
    for (i=0; i < M.length; i++)
    document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
    for (i=0; i < H.length; i++)
    document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
    }
    if (ie){
    document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < D.length; i++)
    document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
    document.write('</div></div>');
    document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < n; i++)
    document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
    document.write('</div></div>');
    document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < H.length; i++)
    document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
    document.write('</div></div>');
    document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < M.length; i++)
    document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
    document.write('</div></div>')
    document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < S.length; i++)
    document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
    document.write('</div></div>')
    }
    (ns)?window.captureEvents(Event.MOUSEMOVE):0;
    function Mouse(evnt){
    ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
    xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
    }
    (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
    function ClockAndAssign(){
    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;
    if (ie){
    Od.style.top=window.document.body.scrollTop;
    Of.style.top=window.document.body.scrollTop;
    Oh.style.top=window.document.body.scrollTop;
    Om.style.top=window.document.body.scrollTop;
    Os.style.top=window.document.body.scrollTop;
    }
    for (i=0; i < n; i++){
     var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
     F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
     F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
     }
    for (i=0; i < H.length; i++){
     var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
     HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
     HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
     }
    for (i=0; i < M.length; i++){
     var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
     ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
     ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
     }
    for (i=0; i < S.length; i++){
     var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
     SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
     SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
     }
    for (i=0; i < D.length; i++){
     var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
     DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
     DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
     }
    currStep-=step;
    }
    function Delay(){
    scrll=(ns)?window.pageYOffset:0;
    Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
    Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
    for (i=1; i < D.length; i++){
    Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
    Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
    }
    y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
    x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
    for (i=1; i < n; i++){
    y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
    x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
    }
    ClockAndAssign();
    setTimeout('Delay()',20);
    }
    if (ns||ie)window.onload=Delay;
    </SCRIPT>



    الكود الخامس

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


    1- انسخ هذا الكود و ضعه في منطقة HEAD

    الكود:
    <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>



    2- أضف المتغير للوسم BODY لتبدو مثل هذه

    الكود:
    <BODY onLoad="debuteTemps1()" onUnload="clearTimeout(ddt1)">


    3- انسخ هذا الكود و ضعه بعد الوسم BODY

    الكود:
    <form name="Temps11">
    <input type="text" name="heure" size="8"><br>
    </form>






    للامانه منقول
    avatar
    ابوعبدالله
    ‎ ‎‎ ‎ ‎
    ‎ ‎‎ ‎ ‎

    علمك :
    البلد : السعوديه
    الحمل
    الفأر
    عدد المساهمات : 3038
    نقاط : 5949
    شكراا : 30
    تاريخ التسجيل : 21/04/2012
    العمر : 33
    الساعه الان :
    البلد : السعودية

    رد: خمس اكواد ساعات بلغة الجافا سكربت

    مُساهمة من طرف ابوعبدالله في الأربعاء يونيو 20, 2012 5:27 am

    سلمت يمنآك.. ننتظر جديدك
    تقبل مروري
    دمت بخير


    تقبل مروري

      الوقت/التاريخ الآن هو السبت ديسمبر 16, 2017 3:45 am