عمل مؤقت زمني للأحداث والمناسبات

 من وقت لآخر قد تكون هناك أحداث مهمة تمر بموقعك وتريد تنبيه الزوار إليها , هناك مواقع تقدم مؤقت زمني خارجي لكن هذا الموقت يكون في تلك المواقع أنت تضيف رابط له فقط

لكن الحل الأمثل لمستخدمي بلوجر ان يكون المؤقت برمجية خفيفه في مدوناتهم وهذا ما سنقدمه في الموضوع 

كود الإضافة يمكنك وضعه في موضوع او آداة 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

• 💢
• معاينة