Membuat Jam Digital Sesuai Waktu Server dengan PHP dan Javascript


Kali ini kita akan belajar program sederhana yaitu jam digital yang waktu awalnya diambil dari server sehingga tidak terpengaruh oleh jam yang ada di client. Ok deh langsung saja ke codingnya:

<script type="text/javascript">
    var detik = <?php echo date('s'); ?>;
    var menit = <?php echo date('i'); ?>;
    var jam   = <?php echo date('H'); ?>;
    
    function clock()
    {
        if (detik!=0 && detik%60==0) {
            menit++;
            detik=0;
        }
        second = detik;
        
        if (menit!=0 && menit%60==0) {
            jam++;
            menit=0;
        }
        minute = menit;
        
        if (jam!=0 && jam%24==0) {
            jam=0;
        }
        hour = jam;
        
        if (detik<10){
            second='0'+detik;
        }
        if (menit<10){
            minute='0'+menit;
        }
        
        if (jam<10){
            hour='0'+jam;
        }
        waktu = hour+':'+minute+':'+second;
        
        document.getElementById("clock").innerHTML = waktu;
        detik++;
    }

    setInterval(clock,1000);
</script>

<div style="text-align:center;">
    <h3>WAKTU SAAT INI :</h3>
    <h1 id="clock"></h1>
</div>

mudah sekali kan sobat cara bikinnya, sekarang kita sudah tau cara membuat jam dengan javascript. Saya tunggu kritik dan sarannya. Salam Blogger Madura

BAGIKAN KE:

7 komentar: