Cara membuat jam digital pada codingan
<head>
<body>
Setelah itu kopikan kode javascript dibawah ini setelag tag <body> :
<h2>Contoh Jam Digital pada Codingan</h2>
<div id="clockDisplay" class="clockStyle">
</div>
<script type="text/javascript" language="javascript">
function renderTime(){
var currentTime = new Date();
var h = currentTime.getHours();
var m = currentTime.getMinutes();
var s = currentTime.getSeconds();
if (h == 0){
h = 24;
}
if (h < 10){
h = "0" + h;
}
if (m < 10){
m = "0" + m;
}
if (s < 10){
s = "0" + s;
}
var myClock = document.getElementById('clockDisplay');
myClock.textContent = h + ":" + m + ":" + s + "";
setTimeout ('renderTime()',1000);
}
renderTime();
</script>
</body>
</html>
Untuk Mempercantik tampilan, sisipkan css dibawah ini
body {background-color: deepskyblue;}
.clockStyle{
background-color:#000;
border:#999 2px inset;
padding:6px;
color:#fff;
font-family:"arial black";
font-size:16px
font-weight:bold;
letter-spacing:2px;
display:inline;
position: relative;
left: 570px;
}
Wahh passs neh buat tugas ane :D
ReplyDelete