كود برمجي يحتسب الوقت المتبقى في عداد متحرك

mennad sofiane · أكتوبر 14, 2017

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

تقصدي أن يكون وقت المتغيرين $start و $end على شكل timestamps وإن لم يكونوا بهذه الصيغة يمكن تحويلهم لها وإستخدام الكود التالي والذي سيتم إستخدام كود javaScript لعمل المطلوب وتغيير الوقت المتبقي كل ثانية سأستخدم في الكود مكتبة jQuery

الكود ببساطة يحتوي على دالة makeTime والتي تقوم بإنقاص الوقت ثانية وتغيير حقول الوقت وهي ( ثانية - دقيقة - ساعة - يوم ) وإستخدام دالة setInterval لإنقاص الوقت كل ثانية والدالة str_pad لتكوين أصفار بحيث تكون الحقول دائماً مكونة من رقمين .

يمكنكي تتبع الكود لمعرفة طريقة عمله والكود كالتالي :

سبحان الله و بحمده .. سبحان الله العظيم

<?php    $start = 1390893903;    $end = 1391203903;    $timeAgo = $end - $start;    $startAMPM = date('A',$start);    $endAMPM = date('A',$end);    if($startAMPM == 'AM'){        $startAMPM = 'صباحاً';    }else if($startAMPM == 'PM'){        $startAMPM = 'مساءً';    }    if($endAMPM == 'AM'){        $endAMPM = 'صباحاً';    }else if($endAMPM == 'PM'){        $endAMPM = 'مساءً';    }?><!DOCTYPE html><html dir="rtl"><head>    <meta charset="utf-8">    <script src="js/jquery-1.9.1.min.js"></script>    <style>        *{padding:0;margin:0;}        #agoTable{            margin: auto;        }        #agoTable td {            padding: 5px 20px 5px 20px;            text-align: center;        }    </style></head><body><header>    </header><article>    <table id="agoTable">        <tr>            <td>تاريخ البداية</td><td>تاريخ النهاية</td><td>الوقت المتبقي</td>        </tr>        <tr>            <td>            <?php                echo date('Y-n-j h:i '.$startAMPM,$start);            ?>            </td>            <td>            <?php                echo date('Y-n-j h:i '.$endAMPM,$end);            ?>            </td>            <td>                <div class="timeAgo">                    <span class="days">00</span>:<span class="hours">00</span>:<span class="minuts">00</span>:<span class="sconds">00</span>                </div>            </td>        </tr>    </table></article><footer>    </footer><script>    $(function(){        var time = <?php echo isset($timeAgo)?$timeAgo:0; ?>;        var days,hours,minuts,sconds;        makeTime();                setInterval(function(){            makeTime();        },1000);        function makeTime(){            --time;            if(time < 0) return false;            days = parseInt(time/(60*60*24));            var temp = time%(60*60*24);            hours = parseInt(temp/(60*60));            temp = temp%(60*60);            minuts = parseInt(temp/60);            sconds = temp%60;            days = str_pad(days,2);            hours = str_pad(hours,2);            minuts = str_pad(minuts,2);            sconds = str_pad(sconds,2);            $('.timeAgo .days').html(days);            $('.timeAgo .hours').html(hours);            $('.timeAgo .minuts').html(minuts);            $('.timeAgo .sconds').html(sconds);        }                function str_pad(input, len){            input += '';            var dif = len-input.length;            var out = '';            if(dif > 0){                for(i=0;i<dif;++i){                    out += '0';                }                return out+input;            }            return input;        }    });</script></body></html>

تسجيل الدخول

كود برمجي يحتسب الوقت المتبقى في عداد متحرك

الردود الموصى بها

mennad sofiane

Join the conversation

محتوي مشابه

سلسة دروس PHP 1 2

دالة التفقيط العربي الصحيحة

أسهل دالة معرفة لجلب التفقيط الموافق لقواعد اللغة العربية من الموقع

صفحة مواقيت الصلاة في ثوبها الجديد

البحث في معجم مختار الصحاح أصبح في قمة السهولة والسرعة

تصفح هذا الموضوع مؤخراً 0 اعضاء متواجدين الان

تصفح الموقع

تصفح جديد الموقع

Support

Important Information