Kode Javascript Membuat Jam Tanggal Otomatis. JavaScript code merupakan bahasa pemrograman yang di kembangkan untuk membuat website menjadi tampil lebih sempurna. Dalam dunia Web Desain, Javascript tidak akan terpisahkan oleh kode HTML dan CSS. Sebab, sebuah web atau blog dapat di pastikan tidak luput dari ketiga jenis kode yang sama-sama memiliki peran penting dalam pemrogramannya.
Pada sisi lain JavaScript merupakan bahasa pemrograman paling berguna di bidang pengembangan aplikasi berbasis Web. Bahasa JS ini punya fungsi lebih interaktif dalam website, sehingga membuat website tersebut tampil lebih hidup dengan adanya JS tersebut.
Ragam Fungsi Kode Javascript (JS)
Peranan Javascript di dunia web programmer termasuk di garis utama. Sebab, JS tersebut dapat berfungsi di segala bidang pemrograman website. Pada intinya, JS tersebut memiliki beragam fungsi termasuk pengembangan peramban web seperti Crome. Kemudian fungsi lainnya, seorang programmer bisa mengaplikasikan berbagai bentuk dengan struktur kode yang sangat unik. Misalnya membuat tampilan jam, tanggal, bulan dan tahun secara otomatis di website.
Membuat Jam, Tanggal, Bulan, Tahun Dengan Javascript
Setelah membaca basa-basi di atas, selanjutnya kita langsung pada titik poin pada topik kali ini, yaitu cara membuat jam dan tanggal secara otomatis yang tampil real time tanpa henti. Dalam pembuatan jam, tanggal, dan tahun di blog atau website, ada dua cara yang dapat kita lakukan, yaitu:
Baca Juga: Cara Membuat Sitemap Blog Dengan Javascript.
01#. Menaruh Script Dalam Template
Cara yang pertama, kita langsung menempatkan kode script dalam template blog. Dan cara ini kita harus menaruhnya pada posisi yang tepat. Misalnya: di bawah judul postingan atau di bawah header blog. Cara tersebut dapat di terapkan di blog gratis blogger/blogspot.
02#. Membuat File JS
Cara kedua yaitu menempatkan script dalam file JS. Dengan cara ini, kita harus membuat file dengan format JS terlebih dulu. Cara ini dapat di terapkan langsung oleh website dengan domain serta hosting berbayar. Dan bagi pengguna Blogspot, harus membuat file.JS menggunakan hosting pihak ketiga.
Untuk melihat demonya, silahkan klik pada button di bawah ini.
Selanjutnya, di bawah ini adalah kode Javascript untuk membuat dan menampilkan jam, tanggal dan tahun di blog atau website. Walaupun di blog atau website secara umum sudah ada jam dan tanggal yang tampil pada setiap halaman. Namun, hal ini kita jadikan untuk belajar dan bereksperimen dengan memanfaatkan kode script yang ada di luar blog.
Selanjutnya, silahkan di Copy kode Script di bawah ini.
<div id="clock" align="center"><script type="text/javascript"> <!-- function showTime() { var a_p = ""; var today = new Date(); var curr_hour = today.getHours(); var curr_minute = today.getMinutes(); var curr_second = today.getSeconds(); if (curr_hour < 12) {a_p = "AM"; } else { a_p = "PM";} if (curr_hour == 0) {curr_hour = 12;} if (curr_hour > 12) {curr_hour = curr_hour - 12;} curr_hour = checkTime(curr_hour); curr_minute = checkTime(curr_minute); curr_second = checkTime(curr_second); document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;} function checkTime(i) { if (i < 10) {i = "0" + i;} return i;} setInterval(showTime, 500); //--></script> </div><div id="clock" align="center"> <script type='text/javascript'> <!-- var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu']; var date = new Date(); var day = date.getDate(); var month = date.getMonth(); var thisDay = date.getDay(), thisDay = myDays[thisDay]; var yy = date.getYear(); var year = (yy < 1000) ? yy + 1900 : yy; document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year); //--></script></div>
Demikian kode javascript jam dan tanggal bisa tampil otomatis di blog atau website. Semoga bermanfaat...
Tidak ada komentar:
Posting Komentar