النتائج 1 إلى 4 من 4

الموضوع: محتاج سكربت ساعة تنازلية مع تنبية

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Sep 2004
    المشاركات
    309

    محتاج سكربت ساعة تنازلية مع تنبية



    السلام عليكم

    اخوانى الأعزاء
    اعمل على تصميم صفحة تحتوى على مواعيد بحيث اعمل على ادخال الوقت الحالي وتوقيت الموعد
    واحتاج لمعرفة الفارق عن طريق عد تنازلى مع صوت عند وصول 0

    مثال:-

    الوقت حاليا: 10:25:01PM
    موعد الحدث: 11:30:05PM

    الوقت المتبقي: (المفروض يكون كالتالي): 1:05:04

    ويكون تنازليا بالثوانى إلى ان يصل للصفر ويعمل المنبه على التنبيه
    -----------

    عملة على استخدام وتعديل الكود المرفق لحساب الوقت الحالى والفرق بي 10 ساعات و 30 دقيقه
    ولكن لم ترد لى فكره لحساب الفرق عن طريق عداد تنازلى

    كود:
    <html>
    <head>
    <meta http-equiv="Content-Language" content="en-us">
    <title>Javascript Time</title>
    <script type="text/javascript">
    var timerID = null;
    
    function showTime(){
        var objTimer = new Date();
        var tHour = objTimer.getHours();
        var tMin = objTimer.getMinutes().toString();
        var tSec = objTimer.getSeconds().toString();
    	var ap = "AM";
    	var ap1 = "AM";
        var tHour1 = objTimer.getHours();
        var tMin1 = objTimer.getMinutes();
    //different 10 hours and 30 mins
    	tHour1 = tHour1 +10;
    	tMin1 = tMin1+30;
    /////////////////////////////////////////	
    	
        var ap = "AM";
        
        if(tHour > 11)
            ap = "PM";
        
        if(tHour > 12)
            tHour = tHour - 12;
        
        if(tHour == 0)
            tHour = 12;
    
    
        if(tMin.length == 1)
            tMin = "0" + tMin;
    
        if(tSec.length == 1)
            tSec = "0" + tSec; 
           
    //////////////////////////////////////////        
        if(tHour1 < 12){
            ap1 = "AM";
    }else{
            tHour1 = tHour1 - 12;
            ap1 = "PM";
    
    }
        if(tHour1 > 12){
            tHour1 = tHour1 - 12;
        	ap1 = "PM";
    }
    
        if(tHour1 == 0)
            tHour1 = 12;
            
        if(tMin1 >= 60){
    		tHour1 = tHour1+1; 
           tMin1 = tMin1 - 60;
    
    }
    
    
        
        document.getElementById("timer").innerHTML = tHour + ":" + tMin + ":" + tSec + " " + ap;
        document.getElementById("timer1").innerHTML = tHour1 + ":" + tMin1 + ":" + tSec + " " + ap1;
        
        timerID = setTimeout("showTime()", 100);
    }
    
    window.onload = showTime;
    </script>
    </head>
    <body>
    <p>TEST CURRENT TIME AND DIFFERENT 10 HOURS AND 30 MINS</p>
    <div id="timer"></div>
    <div id="timer1"></div>
    </body>
    </html>
    ارجو أرشادى بخصوص الموضوع اعلاه وشكرا على دعمكم المتواصل:shy:





    __________________
    أخوكم نورالعين


  2. #2
    عضو نشيط جدا
    تاريخ التسجيل
    Sep 2004
    المشاركات
    309


    على فكره فرق الوقت سوف اعمل على حسابه عن طريق php CODE ولكن محتاج مساعه بجعله يعمل على العد التنازلى مثل الأمثله التاليه

    http://www.rmkwebdesign.com/Countdow...rs/Samples.php

    ولكن ابحث عن عد تنازلى بسيط نفس الكود الموجود اعلاه لتفادى التأثيرعلى التصميم





    __________________
    أخوكم نورالعين

  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Sep 2004
    المشاركات
    309


    يالربع حصلت هذا الموقع ممتاز بس ماعرفت كيف اطبقه صارت عندى مشكله
    http://keith-wood.name/countdown.html

    الكود المستخدم عندى
    <html dir="rtl">

    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <style type="text/css">@import "jquery.countdown.css";</style>
    <script type="text/javascript" src="jquery.countdown-ar.js"></script>





    </head>

    <body>
    <script type="text/javascript">
    $('#highlightCountdown').countdown({until: 0,
    onTick: highlightLast5});

    function highlightLast5(periods) {
    if ($.countdown.periodsToSeconds(periods) == 5) {
    $(this).addClass('highlight');
    }
    }

    $('#highlightButton').click(function() {
    $('#highlightCountdown').removeClass('highlight').
    countdown('option', {until: +10});
    });
    $(selector).countdown({until: liftoffTime, format: 'dHM'});
    </script>


    </body>



    </html>
    كيف اخلى النتيجة تظهر على كلام الموقع استخدم الدالة التاليه
    $(selector).countdown({until: liftoffTime});






    __________________
    أخوكم نورالعين

  4. #4
    عضو نشيط جدا
    تاريخ التسجيل
    Sep 2004
    المشاركات
    309


    للرفع يالربع





    __________________
    أخوكم نورالعين





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
اعلانات سوالف
0
أضف موقعك هنا | نسائم نيوز | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري