Cara Membuat Jam Digital Menggunakan Javascript dan CSS
Halo teman teman di kesempatan kali ini saya akan berbagi panduan mengenai Cara Membangun Jam Digital Menggunakan Javascript dan CSS, mungkin teman teman telah tak asing lagi yang namanya jam digital Cara Membangun Jam Digital Menggunakan Javascript dan CSS tidaklah sulit lumayan mengetahui step by step nya saja.
Jam digital berfungsi pun bagi menampikan sebuah informasi waktu, didalam blog jam digital berfungsi bagi menampilkan informasi waktu bagi pengunjung yang ingin mengunjungi blog kita
Di jam digital menggunakan javascript dan CSS ini jam yang ditampilkan di layar browser sesuai dengan jam yang terdapat di komputer teman teman, di jam digital yang ingin saya bikin ini berupa jam, menit, dan detik.
Hakekatnya bagi cara penyusunan jam digital nya saja dengan menggunakan javascript itu pun telah dapat tapi bagi mempercantik tampilan jam kita nanti kita akan menggunakan pun yang namanya CSS (Casecading Style Sheet), yaitu adalah sebuah sebuah bahasa desain web (Style Sheet Language) yang berfungsi bagi mengatur ataupun mengendalikan tampilan sebuah layout atau tampilan, dan itu dapat berupa warna tampilan background dan yang lainya.
Oke teman teman kita seketika saja, berikut Cara Membangun Jam Digital Menggunakan Javascript dan CSS
- Silahkan teman teman teman buka sebuah text editor seperti : Notpet++ , Adobe Dreamweaver, Sublime Text, ataupun yang lainnya.
- Kemudian silahkan teman teman simpan script dibawah ini di text editor yang telah teman teman buka.
<!DOCTYPE html>
<html>
<head>
<title>Cara Membangun Jam Digital Menggunakan Javascript dan CSS</title>
<script type=text/javascript>
window.onload = function() { jam(); }
function jam() {
var e = document.getElementById('jam'),
d = new Date(), h, m, s;
h = d.getHours();
m = set(d.getMinutes());
s = set(d.getSeconds());
e.innerHTML = h +':'+ m +':'+ s;
setTimeout('jam()', 1000);
}
function set(e) {
e = e < 10 ? '0'+ e : e;
return e;
}
</script>
</head>
<body>
<center>
<h1 style=font-size: 100px; font-family: arial; color:#FFF; background:red id=jam></h1>
</center>
</body>
</html>
Kemudian Save AS dengan nama Cara Membangun Jam Digital Menggunakan Javascript dan CSS.html
- Silahkan jalankan di browser teman teman karenanya hasil nya seperti dibawah ini.
Bagai mana teman teman Cara Membangun Jam Digital Menggunakan Javascript dan CSS nya ? lumayan gampang bukan ?
Demikianlah panduan dari saya mengenai Cara Membangun Jam Digital Menggunakan Javascript dan CSS, semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org
