موقع الصفحة العربية

دليل المواقع دمز

منتديات المشاغب

دليل المواقع دمز



مواضيع تهمك

ركن تطوير المواقع قسم يختص بشرح التركيب و الترقية و الإضافات و القوالب وملفات التعريب لبرنامج الووردبريس ومدونة بلوجر.

انشاء عد تنازلي باحتراف cutdown time

السلام عليكم ورحمة الله وبركاته حبيت اعمل حاجه كده تسليه وقت وبعد ما عملته قولت اشاركم بيه وهو عد تنازلي...

احصائياتى

الردود
7

المشاهدات
96
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser is a jewel in the roughMohamed yasser is a jewel in the roughMohamed yasser is a jewel in the roughMohamed yasser is a jewel in the rough

  • Mohamed yasser متواجد حالياً

المشاركات
537

+التقييم
71

تاريخ التسجيل
Mar 2019

الاقامة
ام الدنيا مصر

نظام التشغيل
Other

رقم العضوية
1982
01-13-2021, 01:57 PM
المشاركة 1
01-13-2021, 01:57 PM
المشاركة 1
افتراضي انشاء عد تنازلي باحتراف cutdown time


السلام عليكم ورحمة الله وبركاته
حبيت اعمل حاجه كده تسليه وقت وبعد ما عملته قولت اشاركم بيه
وهو عد تنازلي بمنظر جميل واول ما الوقت ينتهي يطلع رساله انه الوقت انتهي



الكود
كود PHP:
<script src="https://conquerz-tq.com/application/javascript/jquery-3.4.1.js"></script>

<style>
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@700&display=swap');

body{
    background:#512E5F;
    font-family: 'Tajawal', sans-serif;
    text-align:center;
    margin:0px;
    padding:0px;
}
.box{
    background:#4A235A;
    width:50%;
    height:200px;
    margin:auto;
    margin-top:150px;
    border-radius:15px;
    border-bottom:2px dashed #C39BD3;
}
.box .countdown{
    display:flex;
    list-style-type:none;
    padding-top:50px;
    
    
}
.box .countdown{
    display:Flex;
    justify-content:space-around;
    align-content:center;
    padding-top:50px;
    
}
.countdown .time p{
        background:#78281F;
        margin-left:10px;
        padding:5px;
        width:30px;
        color:#fff;
        border-radius:5px;
        border-bottom:2px dashed;
        
}
.countdown .time span{
        color:#2E86C1;
        font-size:12px;
        margin-left:8px;
}
.countdown .space{
        margin-top:20px;
        font-size:20px;
        color:#9B59B6;
}

.box .end{
    font-size:25px;
    color:#fff;
    padding-top:50px;
    border-bottom:1px dashed;
    
}
.footer{
    color:#fff;
    background:#922B21;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding:5px;
}
.footer a{
    color:#C39BD3;
    text-decoration:none;
}
</style>

<div class="box">
<span id='Countdown'></span>
</div>
<div class="footer">
 all copyright @ <a href="https://www.facebook.com/daany10222">Mohamed Yasser</a>
</div>
<script>
                            var countDownDate4 = new Date('2021-01-14 11:28:00').getTime();
                            var x4 = setInterval(function() {
                                var Now4 = new Date().getTime();
                                var Distance4 = countDownDate4 - Now4;
                                var Days4 = Math.floor(Distance4 / (1000 * 60 * 60 * 24));
                                var Hours4 = Math.floor((Distance4 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                                var Minutes4 = Math.floor((Distance4 % (1000 * 60 * 60)) / (1000 * 60));
                                var Seconds4 = Math.floor((Distance4 % (1000 * 60)) / 1000);
                                var CheckCountDown = document.getElementById('Countdown');
                                if ( CheckCountDown ) {
                                    CheckCountDown.innerHTML = '<div class=\'countdown\'><div class="time"><p>' + Days4 + '</p><span>DAY</span></div><div class=\'space\'>:</div><div class="time"><p>' + Hours4 + '</p><span>HOUR</span></div><div class=\'space\'>:</div><div class="time"><p>' + Minutes4 + '</p><span>MINUTE</span></div><div class=\'space\'>:</div><div class="time"><p>' + Seconds4 + '</p><span>SECOUND</span></div></div>';
                                } else {
                                    clearInterval(x4);
                                }
                                if ( Distance4 < 0 ) {
                                    clearInterval(x4);
                                    document.getElementById('Countdown').innerHTML = '<div class="end">This Event Has Begin !</did>';
                                  //  location.reload();
                                }
                            }, 100);
                        </script> 
بس ااتغير الوقت الي هنا
كود PHP:
2021-01-14 11:28:00 
لو الوقت انتهي اتظهر رساله
This Event Has Begin !


قديم 01-13-2021, 03:10 PM
المشاركة 2
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
افتراضي رد: انشاء عد تنازلي باحتراف cutdown time
مميز أخي من يومك

فينك الأيام دي محدش شايفك يعني

لعل المانع خير

قديم 01-13-2021, 03:15 PM
المشاركة 3
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser متواجد حالياً
افتراضي رد: انشاء عد تنازلي باحتراف cutdown time
خير ياغالي بس شغال وبطور نفسي في الويب علشان شغلي
حتي المنتدي بتاعي مش بقعد فيه كتير

قديم 01-13-2021, 04:01 PM
المشاركة 4
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: انشاء عد تنازلي باحتراف cutdown time
الاخ محمد عادى من جديد.
فينك يارجل المنتدى كان ناقصه حاجة من ساعت ماسبتنا

قديم 01-13-2021, 04:14 PM
المشاركة 5
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser متواجد حالياً
افتراضي رد: انشاء عد تنازلي باحتراف cutdown time
حبيبي ياحمد ليكم وحشه كبيره

قديم 01-13-2021, 04:22 PM
المشاركة 6
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: انشاء عد تنازلي باحتراف cutdown time
القلوب عند بعضها ياباشا.
فلا تحرمنا من طلتك وكتاباتك

قديم 01-15-2021, 06:57 PM
المشاركة 7
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: انشاء عد تنازلي باحتراف cutdown time
عودا احمد


ومشاء الله على الدرس



والله يزيدك من علمه

قديم يوم أمس, 08:47 PM
المشاركة 8
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser متواجد حالياً
افتراضي رد: انشاء عد تنازلي باحتراف cutdown time
عودا احمد


ومشاء الله على الدرس



والله يزيدك من علمه
نورت الموضوع ابو كريم

ليك وحشه كبيره

اضافة رد

العلامات المرجعية

انشاء عد تنازلي باحتراف cutdown time


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: انشاء عد تنازلي باحتراف cutdown time
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
مشكله request time out عند رفع مرفقات بحجم كبير abonada ركن تطوير منتديات vb3.8.0 5 05-03-2018 09:17 PM
طلب انشاء صفحة 14SAT ركن مشاكل وطلبات الزين فورو XENFORO 3 04-25-2018 09:48 PM
طريقة انشاء اقسام elhachimi ركن مشاكل وطلبات الزين فورو XENFORO 5 01-19-2018 02:32 AM
قنوات time على مدار النايل سات هيلبرنت قسم تقنيات الإستقبال التلفزيوني 0 01-26-2016 11:49 PM
دورة صيانة المازربورد واللاب توب وشاشات l.c.d باحتراف ريماس على الركن العام للمواضيع العامة 3 10-20-2015 09:45 PM




الساعة الآن 09:25 PM
Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum