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

تعلم كيفية إنشاء ساعة تفاعلية مع إمكانيات التحكم باستخدام JavaScript.

الساعة التفاعلية

00:00:00
الشرح البرمجي
// متغير لتخزين مؤقت الساعة
let interval;

// بدء تشغيل الساعة
function startClock() {
    if (interval) clearInterval(interval);
    interval = setInterval(() => {
        const now = new Date();
        const time = now.toLocaleTimeString();
        document.getElementById("clock").textContent = time;
    }, 1000);
}

// إيقاف الساعة
function stopClock() {
    clearInterval(interval);
    interval = null;
}

// الانتقال إلى رابط
function goToURL() {
    const url = prompt("أدخل الرابط الذي تريد الذهاب إليه:");
    if (url && url.trim()) {
        if (!url.startsWith("http://") && !url.startsWith("https://")) {
            window.location.href = "https://" + url.trim();
        } else {
            window.location.href = url.trim();
        }
    }
}