إعادة تشغيل السيارات / إعادة تعيين العد التنازلي الموقت

Question

ما أريده هو أنه عندما وصل المؤقت إلى تاريخ النهائي والوقت الذي يبدأ فيه تلقائيا ولكن من خلال العد الناتج من 60 ثانية. أنا جديد في jQuery و im strungling مع هذه المشكلة لمدة 3 أيام تقريبا وأنا غير قادر على تشغيله. يعمل العد التنازلي الخاص بي تماما مع البيانات النهائية المدرجة من قاعدة البيانات ولكن عندما تصل إلى تاريخ النهوض والوقت (على سبيل المثال: 0 أيام 0 ساعة 0 دقيقة 0 ثانية) يجب أن تبدأ من خلال الاعتماد من 60 ثانية إلى الصفر.

يمكن للشخص الرجاء المساعدة في هذه المشكلة؟ هنا أقل من سلام رمزي أنا باستخدام. ايم استخدامه مع PHP، لذلك سيخلق Divs المستخدمة في العد التنازلي.

jQuery:

$data = '<script type="text/javascript">
$(function () {';
    foreach( $datarows as $key => $value ) { // start php foreach

    $data .= '
              $(\'#wincountdown'.$datarows[$key]['uid'].'\').countdown({ until: new Date( '. strftime( '%Y,%m - 1,%d,%H,%M',$datarows[$key]['end_bidding']).' ) }) ;
    ';
    } // end php foreach
$data .= '
});
</script>';

لغة البرمجة

<div id="wincountdown<#nr#>">  </div> //build by db array

لذا فإن قطع التعليمات البرمجية أعلاه تعمل بشكل جيد. الآن يجب فقط إعادة التشغيل تلقائيا عند الوصول إلى تاريخ انتهاء. لذلك سؤالي هو كيف يمكنني تطبيق قطعة التعليمات البرمجية لتحقيق ما أريده، أو ما هي وظيفة من jQuery يجب أن أستخدمها وإضافتها؟ ربما شخص ما لديه قطعة من التعليمات البرمجية التي تفعل شيئا من هذا القبيل allready وتريد مشاركتها؟

من فضلك هل يمكن لشخص ما مساعدتي؟ إذا لم أكن واضحا بما فيه الكفاية، فيرجى أن تطلب مني شرح أفضل.

شكرا مقدما.

Answer 1

استخدم ال jquery العد التنازلي توصيل في.

لديها أحداث رد الاتصال التي يمكن إطلاقها عندما يضرب الموقت صفر. عندما يحدث هذا، ما عليك سوى إعادة ضبط وموقت.

على افتراض أن هذا هو HTML:

<div id="shortly"></div>
<button id="shortlyStart">Start</button>

هذا هو تقريبا jQuery تحتاج إلى إعادة تعيين مؤقت العد التنازلي.

// restart the timer on expiry
$('#shortly').countdown({until: shortly,  
    onExpiry: restart, onTick: watchCountdown}); 

$('#shortlyStart').click(function() { 
    // restart the timer on click
    restart();
}); 

function restart() { 
    shortly = new Date(); 
    shortly.setSeconds(shortly.getSeconds() + 5.5); 
    $('#shortly').countdown('change', {until: shortly}); 
} 

// show the timer results 
function watchCountdown(periods) { 
    $('#monitor').text('Just ' + periods[5] + ' minutes and ' + 
        periods[6] + ' seconds to go'); 
}

Answer 2

أنا أدرس رمزك أعلاه مرة أخرى (أفضل قليلا هذه المرة) ... وإعادة التشغيل عندما يتم الوصول إلى الصفر هو العمل! yeahahhh. يجب ضبط بعض الأشياء الأخرى في التعليمات البرمجية، ولكن يتم الوصول إلى هدفي الرئيسي ... شكرا جزيلا، وهذا يساعدني حقا في فهم مسج أفضل قليلا. في الأساسي هو بسيط، ولكن أولا يجب أن يفهم الأساسي :)

شكرا جزيلا!