Cara Membuat, Memasang Jam Dengan Javascript, PHP, CSS di WEB

usahawan-maju


usahawan-maju | Cara Membuat, Memasang Jam Dengan Javascript, PHP, CSS di WEB - Berbagi tidak ada salahnya. Menyebarkan pengetahuan dan cara-cara dalam bahasa pemrograman WEB seperti CSS, PHP , Javascript tidaklah salah bukan?. Awalnya saya juga belajar dari web dan cari-cari kemudian saya bisa. Jadi tidak ada salahnya dengan keyword Cara Membuat, Memasang Jam Dengan Javascript, PHP, CSS di WEB saya coba bagikan lagi artikel yang saya dapat dan sudah saya modifikasi sedikit. 
Secara sederhana Jam digital adalah suatu tipe lain jam yang menampilkan waktu dalam tampilan digital, Seperti yang kita ketahui Jam digital dijalankan secara elektronik.. Anda yang menemukan artikel web ini dan membaca cara Menampilkan Jam Digital di web ini silahkan coba scriptnya adalah sebagai berikut : 


//ini adalah script css, bisa anda pisahkan atau gabungkan dalam satu file tidak masalah
//Start
<style type="text/css">
.clockStyle
{  background-color:#718300;
    border:#FFFFFF 1px inset;
    padding:5px;
    color:#FFFFFF;
    font-family:"arial black";
   font-size:16px
   font-weight:bold;
   letter-spacing:3px;
   display:inline;
}
</style>

//berikut adalah script HTML untuk menampilkan
<table>
  <tr>
    <td width="30%"></td>
    <td ><h3 align="center">Jam Digital</h3></td>
    <td width="30%"></td>
  </tr>
  <tr> <td height="5"></td></tr>
  <tr>
    <td></td>
    <td>
      <div id="clock" class="clockStyle"></div>
    </td>
    <td></td>
  </tr>
</table>
<br>
<hr>

//dan ini adalah script javascript yang juga berperan dalam pembuatan variable jam digital
<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('clock');
 myClock.textContent = h + ":" + m + ":" + s + "";  
 setTimeout ('renderTime()',1000);
 }
 renderTime();
</script>

//End

Silahkan copy semua script diatas dan pastekan pada notepad anda. Simpan dengan nama sembarang dengan ektensi .php misal jamdigital.php atau disimpan dengan format HTML juga bisa misal jamdigital.html. Kebetulan saya memasangkan jam digital ini dengan script PHP jadi spontan saja saya terfikir PHP terus. Mungkin karena kaya semacam demam PHP kaliya, heeee ngasal.

hasilnya adalah sebagai berikut :

http://usahawan-maju.blogspot.com/2015/02/cara-membuat-memasang-jam-dengan.html
jam digital
selamat mencoba.............

usahawan-maju
Cara Membuat, Memasang Jam Dengan Javascript, PHP, CSS di WEB | 5