JOOMLA: HTML Menampilkan Hari,Tgl,Jam Skrg

Menampilkan Hari dan Tanggal Sekarang:
<?php echo JHTML::_('date', 'now', JText::_('DATE_FORMAT_LC1')) ?>
pilihan format tanggal:
DATE_FORMAT_LC1 = hari, tanggal bulan tahun
DATE_FORMAT_LC2 = hari, tanggal bulan tahun jam:menit
DATE_FORMAT_LC3 = tanggal bulan tahun
DATE_FORMAT_LC4 = tanggal.bulan.tahun (tampilan angka)

Menampilkan Hari, Tanggal, dan Jam Saat Ini:
<?php echo date('l dS \of F Y h:i:s A'); ?>

Gabungan PHP dan Javascript, jam berjalan terus
<!DOCTYPE html>
<head>
<title></title>
<script type="text/javascript">
    //set timezone
    <?php date_default_timezone_set('Asia/Jakarta'); ?>
    //buat object date berdasarkan waktu di server
    var serverTime = new Date(<?php print date('Y, m, d, H, i, s, 0'); ?>);
    //buat object date berdasarkan waktu di client
    var clientTime = new Date();
    //hitung selisih
    var Diff = serverTime.getTime() - clientTime.getTime();
    //fungsi displayTime yang dipanggil di bodyOnLoad dieksekusi tiap 1000ms = 1detik
    function displayServerTime(){
        //buat object date berdasarkan waktu di client
        var clientTime = new Date();
        //buat object date dengan menghitung selisih waktu client dan server
        var time = new Date(clientTime.getTime() + Diff);
        //ambil nilai jam
        var sh = time.getHours().toString();
        //ambil nilai menit
        var sm = time.getMinutes().toString();
        //ambil nilai detik
        var ss = time.getSeconds().toString();
        //tampilkan jam:menit:detik dengan menambahkan angka 0 jika angkanya cuma satu digit (0-9)
        document.getElementById("clock").innerHTML = (sh.length==1?"0"+sh:sh) + ":" + (sm.length==1?"0"+sm:sm) + ":" + (ss.length==1?"0"+ss:ss);
    }
</script>
</head>
<body onload="setInterval('displayServerTime()', 1000);">
Waktu Server (Timezone: Asia/Jakarta):<br/>
<span id="clock"><?php print date('H:i:s'); ?></span>
</body>
</html>