JavaScript - عمل تايمر بدون jquery : اتحاد المبرمجين العرب

الأحد، 8 يوليو 2012

JavaScript - عمل تايمر بدون jquery

بسم الله الرحمن الرحيم
المقال ده بيشرح ازاى تحط تايمر Javascript بدون استخدام ال jquery وده لغرض عرض الفكرة واثبات امكانيتها خصوصا فى الصفحات اللى ممكن منبقاش عايزين نضيف فيها jquery زى صفحات المدونات مثلا وغيره. ببساطة التايمر بيخليك تشغل الكود بشكل متكرر مع استراحة بعض الوقت بين كل مرة تشغيل اللى هى delay .

والكود هيبقى كالتالى :

    var secs
    var timerID = null
    var timerRunning = false
    var delay = 1000
    
    function InitializeTimer() {
        // Set the length of the timer, in seconds
        secs = 1
        StopTheClock()
        StartTheTimer()
    }

    function StopTheClock() {
        if (timerRunning)
            clearTimeout(timerID)
        timerRunning = false
    }

    function StartTheTimer() {
        if (secs == 0) {
            StopTheClock()
            // Here's where you put something useful that's
            // supposed to happen after the allotted time.
            // For example, you could display a message:
            
     // TODO: PLACE YOUR CODE HERE....

            InitializeTimer()
        }
        else {
            self.status = secs
            secs = secs - 1
            timerRunning = true
            timerID = self.setTimeout("StartTheTimer()", delay)
        }
    }

المفروض دلوقت انك تحدد الكود بتاعك مكان كلمة مكان السطر اللى اوله :TODO // وبالتوفيق ان شاء الله.

^_

اتحاد المبرمجين العرب

الأحد، 8 يوليو 2012

JavaScript - عمل تايمر بدون jquery

ليست هناك تعليقات:

إرسال تعليق

الاقسام

الارشيف

تابعونا على فيسبوك

الاشتراك فى القائمة البريدية