Membuat Time Update menggunakan Javascript

Gusti Ardias Riantono    Maret 11, 2013    Javascript , Tutorial    Comment   

Pada kali ini saya akan memberikan script untuk membuat time pada sebuah website menggunkan javasript, soalnya kalau saya berkunjung ke blog atau web tetangga pasti time updatenya itu berasal dari time yg terbuat dari flash. Hmm,, bagus sih tapi ada embel-embel kalau time itu dari jasa web yang menyediakan time update. Kala saya sih melihat embel-embel tuh terlihat gimana gitu.. hehe

Oke langsung saja saya berikan script ini, Check it out:

<table border="0" width="200" cellspacing="0" cellpadding="3"><form name="where"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option> <option value="0">London GMT</option> <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Drop Down World Clock- By Gusti Ardias Riantono (https://www.gustiardias14.com) */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span> ') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <!--Place holder for NS4 only--> <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> This free script provided by <a href="https://www.gustiardias14.com">Gusti Ardias</a> </td> </form></tr> </table>
Silahkan coba di website atau blog anda, time update lebih bagus dan tidak ada embel-embel. Saya juga memakai ini di bawah field cari, tapi saya hanya menggunakan local time saja.