من وقت لآخر قد تكون هناك أحداث مهمة تمر بموقعك وتريد تنبيه الزوار إليها , هناك مواقع تقدم مؤقت زمني خارجي لكن هذا الموقت يكون في تلك المواقع أنت تضيف رابط له فقط
لكن الحل الأمثل لمستخدمي بلوجر ان يكون المؤقت برمجية خفيفه في مدوناتهم وهذا ما سنقدمه في الموضوع
كود الإضافة يمكنك وضعه في موضوع او آداة HTML/JavaScript
<style>
#CNMUCounDown{background-color:#053204;display:block;width:300px;padding:20px 15px;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 20px 30px 0 rgb(255 255 255 / 30%) inset;box-sizing: border-box;}
.Counts{display:block;width:25%;float:left;}
.Counin{margin:0 5px;}
.Coun{background-color:rgba(255,255,255,.3);display:block;padding:5px;font:bold 20px/36px arial;text-align:center;color:#fff;border-radius:4px;}
.CouName{display:block;color:#fff;text-align:center;font-size:18px;margin-bottom:20px;}
</style>
<div id="CNMUCounDown"></div>
<script type="text/javascript">
//<![CDATA[
function updateTimer(){future=Date.parse("jul 1, 2022 01:30:00"),
now=new Date,diff=future-now,days=Math.floor(diff/864e5),hours=Math.floor(diff/36e5),mins=Math.floor(diff/6e4),secs=Math.floor(diff/1e3),d=days,h=hours-24*days,m=mins-60*hours,s=secs-60*mins,document.getElementById("CNMUCounDown").innerHTML='<div class="Counts CountsD"><div class="Counin"><span class="CouName">يوم</span><span class="Coun">'+d+'</span></div></div><div class="Counts CountsH"><div class="Counin"><span class="CouName">ساعة</span><span class="Coun">'+h+'</span></div></div><div class="Counts CountsM"><div class="Counin"><span class="CouName">دقيقة</span><span class="Coun">'+m+'</span></div></div><div class="Counts CountsS"><div class="Counin"><span class="CouName">ثانية</span><span class="Coun">'+s+'</span></div></div>'}setInterval("updateTimer()",1e3)
//]]>
</script>
كيف نضبط التاريخ في الكود
لديك أولاً الشهر jul هذه أسماء الشهور
Jan , Feb , Mar , Apr , May , Jun , Jul , Aug , Sep , Oct , Nov ,Dec
ثم بعد ذلك اليوم 1 عدله باليوم المناسب
يليه السنة 2022
ثم بعد ذلك الساعة 01:30:00
وهذا هو لون الإضافة يمكنك تعديله #053204
السلام عليكم يا جميل الروح
ردحذفشكرا جزيلا على تعبك الجميل والمفيد
دمت أروع يا حبيب قلبي ♥
وعليكم السلام ورحمة الله وبركاته
حذفيا أخي انت الجميل بكلامك وأدبك وذوقك
تسلم أخي الحبيب
صراحة كنت ابحث عن اداة مثل هذه عندما فكرت في كتابة موضوع حول كأس العالم في قطر وكنت اشاهد مثل هذا العداد التنازي في بعض المواقع وكنت اعتقد انه كود معقد ويتطلب ملفات خاصة تسبب بطء الموقع حتى إكتشفت الأن موضوعك هذا اخي الكريم كن فشكرا على الاداة الخفيفة والسهلة الاستخدام لقد جاءت تدوينتك هذه بالنسبة لي في الوقت المناسب واصل بارك الله فيك.
ردحذفحبيبي يسعدني أن الموضوع كان مناسب لك وأنك وجدته نافعاً , ولا تحرمنا من مرورك دائما يا غالي
حذفشكرا جدا اضافة اكثر من رائعة
ردحذفأحمد باشا نورتي يا غالي
حذفبارك الله فيك أخي الكريم وأسعدك في الدنيا والآخرة.
ردحذفوكالعادة ما شاء الله تبارك الرحمن كود خفيف لطيف متكامل.
زادك الله من فضله بسطة في العلم والرزق والصحة.
وفيك بارك الله أخي عبد الله , سررت أن الإضافة أعجبتك
حذفواللهم آمين واياكم يا طيب , تشرفت بمرورك