Menampilkan Tanggal Saat Ini dengan JavaScript

Letakkan fungsi ini di atas </head>:

<script>
function dispDate(dateVal) {

    DaystoAdd = dateVal;
    TodaysDate = new Date();
    TodaysDay = new Array('Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;at', 'Sabtu');
    TodaysMonth = new Array('Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember');
    DaysinMonth = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31');

    function LeapYearTest(Year) {
        if (((Year % 400) === 0) || (((Year % 100) !== 0) && (Year % 4) === 0)) {
            return true;
        } else {
            return false;
        }
    }

    CurrentYear = TodaysDate.getYear();
    if (CurrentYear < 2000) CurrentYear = CurrentYear + 1900;
    currentMonth = TodaysDate.getMonth();
    DayOffset = TodaysDate.getDay();
    currentDay = TodaysDate.getDate();
    month = TodaysMonth[currentMonth];
    if (month == 'February') {
        if (((CurrentYear % 4) === 0) && ((CurrentYear % 100) !== 0) || ((CurrentYear % 400) === 0)) {
            DaysinMonth[1] = 29;
        } else {
            DaysinMonth[1] = 28;
        }
    }
    days = DaysinMonth[currentMonth];
    currentDay += DaystoAdd;
    if (currentDay > days) {
        if (currentMonth == 11) {
            currentMonth = 0;
            month = TodaysMonth[currentMonth];
            CurrentYear = CurrentYear + 1;
        } else {
            month = TodaysMonth[currentMonth + 1];
        }
        currentDay = currentDay - days;
    }
    DayOffset += DaystoAdd;

    function offsettheDate(offsetCurrentDay) {
        if (offsetCurrentDay > 6) {
            offsetCurrentDay -= 6;
            DayOffset = TodaysDay[offsetCurrentDay - 1];
            offsettheDate(offsetCurrentDay - 1);
        } else {
            DayOffset = TodaysDay[offsetCurrentDay];
            return true;
        }
    }

    offsettheDate(DayOffset);
    TheDate = DayOffset + ', ';
    TheDate += currentDay + ' ';
    TheDate += month + ' ';
    if (CurrentYear < 100) CurrentYear = "19" + CurrentYear;
    TheDate += CurrentYear;
    document.write(' ' + TheDate);
}
</script>


Setelah itu panggil fungsi dispDate(0) pada tempat yang Anda inginkan:

<script>
dispDate(0);
</script>



Versi Lain



Kita dapat menambahkan waktu jam, detik dan menit serta efek animasi perubahan waktu setiap detik jika dimasukkan ke dalam setInterval():

<div id="date-container"></div>
<script>
function showDateTo(elemID) {

    var date = new Date();
    var second = date.getSeconds();
    var minute = date.getMinutes();
    var hour = date.getHours();
    var day = date.getDay();
    var dayMonth = date.getDate();
    var month = date.getMonth();
    var year = date.getYear();

    var dayArray = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jum&#39;at", "Sabtu"];
    var monthArray = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];

    // Menambahkan angka nol di depan jika nilai kurang dari 10
    if (second < 10) second = '0' + second;
    if (minute < 10) minute = '0' + minute;
    if (hour < 10) hour = '0' + hour;
    if (dayMonth < 10) dayMonth = '0' + dayMonth;

    if (year < 1000) year += 1900;

    document.getElementById(elemID).innerHTML = dayArray[day] + ', ' + dayMonth + ' ' + monthArray[month] + ' ' + year + ' ' + hour + ':' + minute + ':' + second;

}

// Masukkan ke kontainer!
// Pakai interval 1 detik sekali untuk efek animasi jam
// (tanpa interval masih tetap bisa bekerja, tapi tidak akan ada efek animasi)
setInterval(function() {
    showDateTo('date-container');
}, 1000);
</script>


Komentar

Postingan populer dari blog ini

Cara Menggunakan :before dan :after

Perbedaan JavaScript dan jQuery Beserta Contoh

Manisnya Font Roboto - Cara Pasang dan Penggunaan