🖥HTML & 🖥CSS & 🖥 JS da yasalgan oddiy soat
— CSS da yozilgan kod:body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #282c34;
color: white;
font-family: Arial, sans-serif;
}
.clock {
font-size: 3em;
border: 5px solid #61dafb;
border-radius: 10px;
padding: 20px;
text-align: center;
background-color: #1c2025;
}
—
HTML va JS da yozilgan kod:<div class="clock" id="clock">00:00:00</div>
<script>
function updateClock() {
const now = new Date();
// Hozirgi vaqt va sanani olish uchun yangi Date ob'ekti yaratiladi
const hours = String(now.getHours()).padStart(2, '0');
// Hozirgi soatni olish, matnga aylantirish va nol bilan to'ldirish
const minutes = String(now.getMinutes()).padStart(2, '0');
// Hozirgi daqiqani olish, matnga aylantirish va nol bilan to'ldirish
const seconds = String(now.getSeconds()).padStart(2, '0');
// Hozirgi soniyani olish, matnga aylantirish va nol bilan to'ldirish
document.getElementById('clock').textContent = ${hours}:${minutes}:${seconds};
// Soat, daqiqa va soniyani formatlab, HTML elementiga joylash
}
setInterval(updateClock, 1000);
// Har 1 soniyada updateClock funksiyasini chaqirish
updateClock();
// Dastlabki yangilanish
</script>
Dastur natijasini yoki o'zingiz yasagan soat ko'rinishini izohlarda qoldirishingiz mumkin. 💬
💻 @dasturlash_hayoti
— dasturchilar va dasturlash hayotini yoritib boradigan loyiha!