: :
HTML (HyperText Markup Language) dan CSS (Cascading Style Sheets) untuk Buat Jam, Menit, dan Detik yang Dinamis seperti di Atas untuk Website atau Postingan Blogspot:
<!DOCTYPE html>
<html>
<head>
<title>Jam Menit Detik Dinamis</title>
<style>
.container {
width: 110px;
height: 40px;
background-color: red;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: bold;
color: #fff;
}
</style>
</head>
<body>
<div class="container">
<span id="jam"></span> : <span id="menit"></span> : <span id="detik"></span>
</div>
<script>
function updateClock() {
var date = new Date();
var jam = date.getHours();
var menit = date.getMinutes();
var detik = date.getSeconds();
jam = padZero(jam);
menit = padZero(menit);
detik = padZero(detik);
document.getElementById('jam').textContent = jam;
document.getElementById('menit').textContent = menit;
document.getElementById('detik').textContent = detik;
setTimeout(updateClock, 1000); // Update setiap detik
}
function padZero(number) {
return (number < 10) ? '0' + number : number;
}
updateClock();
</script>
</body>
</html>
HTML and CSS to Create Dynamic Hours, Minutes and Seconds like Above for a Website or Blogspot posts.
HTML 和 CSS 为网站创建动态小时、分钟和秒,如上所示 Blogspot 帖子。
एचटीएमएल और सीएसएस एक वेबसाइट के लिए ऊपर की तरह गतिशील घंटे, मिनट और सेकंड बनाने के लिए या ब्लॉगस्पॉट पोस्ट।
Komentar
Posting Komentar
Kami berhak untuk menghapus komentar yang tidak sesuai dengan kebijakan komentar kami