PROGRAM JAM MENGGUNAKAN JAVASCRIPT
1. SCRIPT
<html>
<head>
<title>TABITA AMELIA TABANA</title>
</head>
<body>
<style>
h1,h2,h3,h4,p,a{
font-family: sans-serif;
font-weight: normal;
}
.jam-digital {
overflow: hidden;
width: 330px;
margin: 20px auto;
border: 5px solid #f28000;
}
.kotak{
float: left;
width: 110px;
height: 100px;
background-color: #c1c1c1;
}
.jam-digital p {
color: #fff;
font-size: 36px;
text-align: center;
margin-top: 30px;
}
</style>
<center>
<h3>SMK NEGERI 3 KUPANG</h3>
<h4>PROGRAM JAM MENGGUNAKAN JAVASCRIPT</h4>
<h5>Teknik Jaringan Dan Komputer</h5>
</center>
</center>
<div class="jam-digital">
<div class="kotak"><p id="jam"></p></div>
<div class="kotak"><p id="menit"></p></div>
<div class="kotak"><p id="detik"></p></div>
</div>
<center><p>Tabita Amelia Tabana</p></center>
<script>
window.setTimeout("waktu()", 1000);
function waktu() {
var waktu = new Date();
setTimeout("waktu()", 1000);
document.getElementById("jam").innerHTML = waktu.getHours();
document.getElementById("menit").innerHTML = waktu.getMinutes();
document.getElementById("detik").innerHTML = waktu.getSeconds();
}
</script>
</body>
</html>
2. OUTPUT
Komentar
Posting Komentar