Fungsi Jam Dengan JavaScript Dan PHP

Fungsi ini untuk membuat jam dinamis dengan java script yang akan berubah setiap detik.

 

Sebenarnya dengan javascript saja sudah cukup, tapi kalau yang ingin menggunakan di dalam php lebih baik memakai yang seperti ini saja biar lebih praktirs. :D

 

Mari kita praktekkan beberapa script di bawah ini, yok mari.. :D

 

[php]
<php function waktu(){
echo “
<script type=”text/javascript” language=”javascript”>
function jam(){
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();

if (jam < 10){
jam = ‘0’ + jam;
}
if (menit < 10){
menit = ‘0’ + menit;
}
if (detik < 10){
detik = ‘0’ + detik;
}
var jam_div = document.getElementById(‘jam’);
jam_div.innerHTML = jam + ‘:’ + menit + ‘:’ + detik;
setTimeout(‘jam()’, 1000);
}
jam();

</script>
“;
};
?>
[/php]

Untuk memanggil fungsi ini:

[php]
<b id=”jam”> <?php waktu(); ?></b>
[/php]

karena fungsi tersebut akan menuliskan jam ke dalam html yang memiliki id=’jam’, ini saya menggunakan elemen <b> dan saya beri id=’jam’.