ezerihtml: HTML Kuliah

Dropdown Ustaz

<br />

<div class='countdown-widget' style='
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    background-color: #f3f3f3;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 20px;
'>
    Intipati lengkap kuliah akan dikemaskini dalam masa:<br> <span id='countdown'>00:00:00</span>
</div>

// Semak masa tamat yang disimpan
    if (!localStorage.getItem('endTime')) {
        var endTime = new Date().getTime() + countdownMinutes * 60 * 1000;
        localStorage.setItem('endTime', endTime);
    } else {
        var endTime = parseInt(localStorage.getItem('endTime'), 10);
    }

function updateCountdown() {
        var now = new Date().getTime();
        var distance = endTime - now;

// Kira jam, minit, dan saat
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Papar format jam:minit:saat
        document.getElementById('countdown').innerHTML = 
            (hours < 10 ? '0' : '') + hours + ':' + 
            (minutes < 10 ? '0' : '') + minutes + ':' + 
            (seconds < 10 ? '0' : '') + seconds;

// Henti countdown apabila masa tamat
        if (distance < 0) {
            clearInterval(countdownInterval);
            document.getElementById('countdown').innerHTML = '00:00:00';
            localStorage.removeItem('endTime'); // Hapus masa tamat
        }
    }

// Kemaskini countdown setiap saat
    var countdownInterval = setInterval(updateCountdown, 1000);
</script>

Jadual Kuliah Masjid

Hari: Minggu:

Tarikh	Minggu	Penceramah	Tajuk

Waktu Pagi Hari Ini

HTML Kuliah

Jadual Kuliah Masjid