وبلاگ

نمایش زمان شمارش معکوس در جاوا اسکریپت

برای ایجاد یک شمارش معکوس با استفاده از جاوا اسکریپت، ابتدا باید متغیری را تعریف کنیم که تاریخ و زمانی را که می‌خواهیم تایمر شمارش معکوس ما اجرا شود را نگه می‌دارد. می توانید از زمان شمارش معکوس برای نمایش تخفیف محصولات تا پایان آن و یا ارسال مجدد کد تائید در بخش ورود و عضویت سایت به بکار ببرید.

به ترتیب زیر پیش بروید:

آی دی countdown را تعریف کنید:

<div id="countdown"></div>

کد جاوا اسکریپت زیر:

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    setInterval(function () {
       minutes = parseInt(timer / 60, 10);
       seconds = parseInt(timer % 60, 10);

       minutes = minutes < 10 ? "0" + minutes : minutes;
       seconds = seconds < 10 ? "0" + seconds : seconds;

       display.textContent = minutes + ":" + seconds;

       if (--timer < 0) {
          timer = duration;
      }
   }, 1000);
}

window.onload = function () {
   var OrchidDev = 60 * 5,
   display = document.querySelector('#countdown');
   startTimer(OrchidDev, display);
};

در مقدار var OrchidDev شما می توانید هر چقدر برای نمایش شمارش معکوس زمان مورد نظر رو تعریف کنید و هم اکنون 5 دقیقه تعریف کردیم و بعد اتمام آن 00:00 خواهد شد و با اجرای دوباره صفحه زمان شمارش معکوس آغاز خواهد شد.

موفق باشید 🙂