Jam digital yang saya buat kali ini menggunakan javascript sebagai bahasa pemrogramannya. Munkin sobat semua kepengen tahu caranya membuat sendiri jam digital, maka akan saya jelaskan caranya melalui postingan berikut ini. Jam digital ini mungkin berguna untuk mempercantik blog atau web site sobat. Jam Digital yang saya buat ini mengambil waktu nya dari sistem komputer yang sedang dipakai untuk membuka halaman web. Jadi kalau waktu di komputernya ngawur, maka jam nya juga ngawur.
Langsung saja ini lah caranya :
- Pertama sobat buka dulu software web editor seperti adobe dreamweaver, front page atau kalau tidak punya semua buka saja notepad.
- Terus ketikkan script di bawah ini pada dokumen, gunakan mode HTML. Langsung copy paste aja biar cepet yah.
<html>
<head>
<title>Jam Digital</title>
<script type="text/javascript">
window.setTimeout("renderDate()",1);
days = new Array(
"Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"
);
months = new Array(
"Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"
);function renderDate(){
var mydate = new Date();
var year = mydate.getYear();
if (year < 2000) {
if (document.all)
year = "19" + year;
else
year += 1900;
}
var day = mydate.getDay();
var month = mydate.getMonth();
var daym = mydate.getDate();
if (daym < 10)
daym = "0" + daym;
var hours = mydate.getHours();
var minutes = mydate.getMinutes();
var seconds = mydate.getSeconds();
var dn = "AM";
if (hours >= 12) {
dn = "PM";
hours = hours - 12;
}
if (hours == 0)
hours = 12;
if (minutes <= 9)
minutes = "0" + minutes;
if (seconds <= 9)
seconds = "0" + seconds;
document.getElementById("jam").innerHTML = "<B>"+days[day]+" "+daym+" "+months[month]+" "+year+"</B> | "+hours+":"+minutes+":"+seconds+" "+dn;
setTimeout("renderDate()",1000)
}
</script>
</head>
<body onLoad="renderDate()">
<div id="jam" style="background:#00CC33;border:1px dashed #000;padding:5px;width:auto;" align="center">
</div>
</body>
</html> - Kalau sudah, simpan dokumen tersebut dengan nama yang sobat inginkan dan diberi ekstensi (.html) misalnya jam_digital.html
- Terakhir buka dan jalankan file yang telah sobat simpan tadi menggunakan browser.
- Jam Digital siap disajikan, selesai deh.
Apabila sobat ingin menambahkan file jam digital tersebut ke dalam blog sobat, ikuti langkah berikut ini. Sekian tutorial kali ini semoga bermanfaat.
↓ 22 komentar
Sob...linknya sudah saya simpan di blog saya, silahkan cek di link exchange dan di widget blog sahabat di footer homepage.
Terimakasih Kompi Ajaib atas Komentarnya di Cara Membuat Jam DigitalSaya tunggu backlinknya...makasih
Terima kasih sudah mengunjungi blog kami..di http://dedehermawan.com Salam kenal.
Terimakasih Dede Hermawan atas Komentarnya di Cara Membuat Jam Digitalmakasih tutor'a kang.......
Terimakasih Unknown atas Komentarnya di Cara Membuat Jam Digitalbanner'a dah dipasang rapi di blog sayahh
saya coba buka menggunakan geany kok ga bisa ya??
Terimakasih sugi atas Komentarnya di Cara Membuat Jam Digitalapa ini harus menggunakan program windows?
Nice info!
Terimakasih Unknown atas Komentarnya di Cara Membuat Jam DigitalLink sudah saya pasang di blog saya ;)
=((
Terimakasih Anonim atas Komentarnya di Cara Membuat Jam Digitalmakasih yah
Terimakasih aini atas Komentarnya di Cara Membuat Jam Digitalthanks!! html nya dah dtaruh di blogq
Terimakasih IKHA atas Komentarnya di Cara Membuat Jam Digitalgan ini pake C++ yach..?? hebat banget nguasain sampe segitunya.. ;)
Terimakasih Mutiara Muballigh atas Komentarnya di Cara Membuat Jam Digital@mutiara mubaligh bukan sob tapi ini hanya pake javascript biasa.
tengkyu tutorialnya gan!
Terimakasih M Farobi Afandi atas Komentarnya di Cara Membuat Jam Digitalsip abis :)
code itu kan di masukan
Terimakasih temmy radhitya atas Komentarnya di Cara Membuat Jam Digitalterus kode yang di hapus yang mana ?
@temmy radhitya buka aja notepad terus copy paste script di atas kemudian save menjadi jam_digital.html
salam kenal gan
Terimakasih gejala radang paru-paru atas Komentarnya di Cara Membuat Jam Digitalsukses selalu gan
Terimakasih mencegah radang tenggorokan atas Komentarnya di Cara Membuat Jam DigitalMantap Terms atas kode htmlnya.....
Terimakasih Admin atas Komentarnya di Cara Membuat Jam Digitalmakasih banget agan aku kebetulan butuh script jam . sekali lagi makasih banget ya
Terimakasih Anonim atas Komentarnya di Cara Membuat Jam Digitalterima kasih atas panduan cara memasang jam digitalnya
Terimakasih Cara Membesarkan Payudara atas Komentarnya di Cara Membuat Jam DigitalTerima Kasih Atas tutorialnya .. artikel yang sangat bagus ..
Terimakasih EghyR01 atas Komentarnya di Cara Membuat Jam Digitalmampir baca artikel gan,makasih infonya
Terimakasih Mega Papua | Obat Penyubur Kandungan atas Komentarnya di Cara Membuat Jam DigitalKeren Juga Nih Jam Digitalnya..makasih Sob
Terimakasih Vulkanisir atas Komentarnya di Cara Membuat Jam Digitalkalau pake bahasa c bisa ndk gan???
Terimakasih Anonim atas Komentarnya di Cara Membuat Jam DigitalPosting Komentar
Silahkan berkomentar pada blog ini dengan baik dan sopan. Jadilah Top Komentator Untuk Mendapatkan Backlink Gratis!!!