سكريبت العد التنازلي لمدونات بلوجر countdown blogger

سكريبت العد التنازلي لمدونات بلوجر

بعد نشر التدوينة سكريبت بلغة جافا سكريبت java script و حيت طلب احد متابعين سكريبت العد التنازلي لمدونات بلوجر blogger حيت قمت بإعتماد على script الذي نشرته سابقا و صممت هده إضافة وهي سكريبت العد التنازلي بلوجر countdown blogger يمكنك استخدامه لأي شيئ تريده متلا لإعلان عن مسابقة في مدونتك او عرض لمنتج بشكل مؤقت او حتي لتاريخ عيد معين او مناسبة لقد حاولت ترك مكان لتعبر بكل حرية.

قد استخدمنا هذه الاضافة فى موقع النصر التقنى فى عداد زيادة البنك الفدرالى ستجدها بجانب الموقع الآن.

سكريبت العد التنازلي لمدونات بلوجر:

طريقة إضافة سهلة جدا كل ما عليك هو الدخول إلي :

بلوجر
تخطيط
إضافة أداة html/javascript
ولصق كود التالي داخله

<style>

#timer {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  padding:5px;
direction: ltr;
}
.mdw-najiri{text-align: center;background:
#fff;
box-shadow: 0px 1px 14px -3px;
border-radius: 5px;padding: 5px;}
svg{width: 200px;}

.number{
  padding: 5px;font-size: 30px;background:#ea473b;color:#fff;
margin: 2px;
border-radius: 2px;
}

.labels{background:#aa0040;
color:#fff;
border-radius: 2px;
margin: 2px;}
</style>

<div class="mdw-najiri">
<h2>
زيادة الفائدة القادمة  للبنك الفدرالى
 </h2>
  <h3>
    لم يبقى سوي
    </h3>
  <div id="timer">
    <div id='days' class="board">
      <div class="number"></div>
      <div class="labels">أيام</div>
    </div>

<div id='hours' class="board">
      <div class="number"></div>
      <div class="labels">ساعات</div>
    </div>

<div id='minutes' class="board">
      <div class="number"></div>
      <div class="labels">الدقائق</div>
    </div>

<div id='seconds' class="board">
      <div class="number"></div>
      <div class="labels">ثواني</div>
    </div>
  </div>
  </div>

// Update the count down every 1 second
var countdown = setInterval(function() {

// Get todays date and time
  var now = new Date().getTime();

// Find the difference between now and the count down date
  var difference = countDownDate - now;

// Time calculations for days, hours, minutes and seconds
  var days = Math.floor(difference / (1000 * 60 * 60 * 24));
  var hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((difference % (1000 * 60)) / 1000);

// If the difference is less than 0, stop countdown
  if (difference < 0) {
    clearInterval(countdown);
    days = 0, hours = 0, minutes = 0, seconds = 0;
  }

// Output the result
  document.getElementById("days").children[0].innerText = days;
  document.getElementById("hours").children[0].innerText = hours;
  document.getElementById("minutes").children[0].innerText = minutes;
  document.getElementById("seconds").children[0].innerText = seconds;
}, 1000);</script>

غير تاريخ و الساعة Feb 01, 2023 00:00:00 إلى الوقت الذي تريده.

كلمات دلالية

سكريبت العد التنازلي,سكربت العد التنازلي,العد التنازلي للعيد,العد التنازلي لرمضان 2021,العد التنازلي من عشره,العد التنازلي شهر رمضان,العد التنازلي لشهر رمضان الكريم,بث مباشر العد التنازلي,العد التنازلي لشهر سبتمبر

سكريبت العد التنازلي لمدونات بلوجر:

مهندس محمد نصر