الهدف التعليمي

تعلم كيفية تنفيذ العد التنازلي للـ Event باستخدام JavaScript، مع إضافة بعض التأثيرات المتقدمة لتحسين تجربة المستخدم.

عرض تطبيقي

الشرح البرمجي

JavaScript
// Example Countdown Implementation
// This code demonstrates how to create a countdown timer in JavaScript

// Set the date we're counting down to
const eventDate = new Date("Feb 28, 2025 15:00:00").getTime();

// Function to update the countdown display
function updateCountdown() {
    const now = new Date().getTime();
    let distance = eventDate - now;

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

    // Display the result
    return {
        days,
        hours,
        minutes,
        seconds,
        isExpired: distance < 0
    };
}

// Example of how to use the updateCountdown function
/*
// Start the countdown
const countdownInterval = setInterval(() => {
    const timeLeft = updateCountdown();
    
    if (timeLeft.isExpired) {
        clearInterval(countdownInterval);
        console.log("الحدث قد بدأ!");
    } else {
        console.log(`الوقت المتبقي: ${timeLeft.days} أيام ${timeLeft.hours} ساعات ${timeLeft.minutes} دقائق ${timeLeft.seconds} ثواني`);
    }
}, 1000);
*/