اذهب الي المحتوي
أوفيسنا

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

mennad sofiane
 مشاركة

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

mennad sofiane

mennad sofiane

قام بنشر
قام بنشر

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

 

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

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

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

 

5.thumb.JPG.fe7337f2b69ad4a6a8264ec88a59ca5b.JPG

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

@ كل الحقوق محفوظة 2017 @

  

<?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>
  • Like 4
  • Thanks 1

انشئ حساب جديد او قم بتسجيل دخولك لتتمكن من اضافه تعليق جديد

يجب ان تكون عضوا لدينا لتتمكن من التعليق

انشئ حساب جديد

سجل حسابك الجديد لدينا في الموقع بمنتهي السهوله .

سجل حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ سجل دخولك من هنا.

سجل دخولك الان
 مشاركة
الذهاب الي قائمه المواضيع
×
×
  • اضف...

Important Information

  I accept