Hai, saya akan memberikan kode gratis untuk Anda semua di saluran YouTube saya, kali ini tentang mempelajari "Display Time Website using HTML CSS and JavaScript I Current Time". Pembelajarannya sangat mudah, semoga berhasil, saran saya jangan lupa terus belajar dan ulangi sampai bisa, selamat coding. semoga harimu menyenangkan.
Cara terbaik adalah selalu belajar dan berlatih secara langsung, jangan terpaku pada kode yang membingungkan, jika salah memasukkan kode jangan panik
Ini adalah kode HTML dan CSS yang perlu Anda pelajari:
1. HTML
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Set Time / Yaya WD</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 id="time"></h1>
<script>
let time = document.getElementById('time');
setInterval(() =>{
let d = new Date();
time.innerHTML = d.toLocaleTimeString();
}, 1000)
</script>
</body>
</html>
2. CSS
* {
margin: 0; padding: 0;
font-family: 'Montserrat',sans-serif;
}
h1 {
background: #FBFACD;
position: absolute;
color: #1746a2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 100px;
font-weight: 700;
letter-spacing: 7px;
}
margin: 0; padding: 0;
font-family: 'Montserrat',sans-serif;
}
h1 {
background: #FBFACD;
position: absolute;
color: #1746a2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 100px;
font-weight: 700;
letter-spacing: 7px;
}
Untuk melihat lebih jelasnya, silahkan menonton video tutorial dibawah ini :
semoga berhasil dan sukses untuk kita semua, amin.
sekian dan terima kasih 😀
Thank you for sharing. How do I set it to show the time for different cities?
ReplyDelete