Cara Membuat Tampilan Hari dan Tanggal Dengan Javascript

 Cara Membuat Tampilan Hari dan Tanggal Dengan Javascript
Dulu saya pernah posting tentang cara membuat jam digital dengan javascript atau liat gambar disamping diatas lingkaran merah, nah sekarang saya posting tentang membuat tampilan hari dan tanggal dengan javascript seperti gambar yang dilingkari, namun yang saya lingkari lupa tidak saya beri harinya, namun sobat jangan khawatir, saya akan kasih smua kode javascript tentang tampilan tanggal, sekaligus dengan harinya
nah hari da tanggal disini bersifat aktif, maksut dari aktif ialah setiap value / isi ganti maka widget ini otomatis merefresh sendiri tanpa refresh browser contohnya
mungkin sobat inetan saat sebelum tengah malam sekitar jam 23:58 maka disaat jam 00:00 widget akan berganti menjadi 00:00 sendiri tanpa merefresh web page

Oke tanpa lama** lagi langsung saja caranya :

  • login ke dashboard blogger anda
  • pilih tata letak -- > dan tambah gadget
  • pilih HTML/Javascript
  • Salin kode dibawah ke HTML/Javascript
<script type='text/javascript'>
window.setTimeout("hari()",0)
function hari(){
var namah = new Array("minggu", "senin", "selasa", "rabu", "kamis", "jum'at", "sabtu");
var namab = new Array("januari", "februari", "maret", "april", "mei", "juni", "juli", "agustus", "september", "november", "desember");
var tanggal = new Date();
setTimeout("hari()",0);
document.getElementById("dino").innerHTML =namah[tanggal.getDay()]+", "+tanggal.getDate()+" "+namab[tanggal.getMonth()]+" "+tanggal.getFullYear();
}
</script>
<div style="color : black;font-size: 12pt" id='dino'></div>
penjelasan :
 sebenarnya komposisi kode diatas bukan hanya javascript saja tapi dengan sedikit bahasa CSS, dan tentu HTML, kalau nggak ada HTML gak berguna

  1. kode yang berwarna hitam adalah warna dari tampilan tanggal, yang diganti adalah kata black diganti dengan kata warna yang lain seperti yellow, aqua, cyan, green, darkgreen dll
  2. kode yang berwarna biru adalah ukuran dari tampilan tanggal, value yang diganti adalah 12 pt, bisa diganti dengan angka yng lain sesuai dengan ukuran yang akan anda buat
  • setelah di salin pilih OK

1 komentar:

  1. bagaimana cara menghilangkan hari,
    tanggal bulan, tahun tetap tampil

    BalasHapus