Script Jam Digital dan Kalender - XWAPPER

Silakan copas script dibawah ini dan letakkan di tata letak dibagian sidebar.

<div id="jam-kalender-xwapper" style="background: #222; color: #fff; padding: 20px; border-radius: 15px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; width: fit-content; margin: 10px auto; border: 2px solid #444; box-shadow: 0 5px 15px rgba(0,0,0,0.5);">
    
    <div id="xwapper-jam" style="font-size: 50px; font-weight: bold; color: #00ff00; text-shadow: 0 0 10px #00ff00; letter-spacing: 2px; line-height: 1;">00:00:00</div>
    
    <hr style="border: 0; border-top: 1px solid #444; margin: 15px 0;">
    
    <div id="xwapper-kalender" style="font-size: 18px; color: #ddd; text-transform: uppercase; letter-spacing: 1px;">Memuat Kalender...</div>
</div>

<script>
function jalankanWaktu() {
    var sekarang = new Date();
    
    // Logika Jam
    var h = sekarang.getHours();
    var m = sekarang.getMinutes();
    var s = sekarang.getSeconds();
    h = (h < 10) ? "0" + h : h;
    m = (m < 10) ? "0" + m : m;
    s = (s < 10) ? "0" + s : s;
    document.getElementById("xwapper-jam").innerHTML = h + ":" + m + ":" + s;

    // Logika Kalender
    var hariDaftar = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"];
    var bulanDaftar = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
    
    var hari = hariDaftar[sekarang.getDay()];
    var tanggal = sekarang.getDate();
    var bulan = bulanDaftar[sekarang.getMonth()];
    var tahun = sekarang.getFullYear();

    document.getElementById("xwapper-kalender").innerHTML = hari + ", " + tanggal + " " + bulan + " " + tahun;

    setTimeout(jalankanWaktu, 1000);
}

// Inisialisasi pertama kali
jalankanWaktu();
</script>