Tutorial Blog: Widget Jam Dengan Tipe Button

Rabu, 29 Juni 2011

Widget Jam Dengan Tipe Button

Widget Jam Dengan Tipe Button

Disini saya akan memberikan tutorial membuat Widget Jam Dengan Tipe Button.
Cara membuat Widget Jam Dengan Tipe Button menggunakan teknik dari javascript.

Berikut tutorial membuat Widget Jam Dengan Tipe Button :
- login akun blogger kamu
- pilih rancangan kemudian pilih elemen laman
- pilih tambah gadget kemudian html/javascript
- copy dan paste kode di bawah ini ke dalam box atau kotak html/javascript

<script language="JavaScript">
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes(); 
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970.  "
+ "You have spent " + milliNow + " of those milliseconds on this page.  "
+ ".... About " + minsVisit + " minutes, and "
+ secsVisit + " seconds.");
}
document.write("<form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form>");
onError = null;
clock();
</script>

Widget Jam Dengan Tipe Button

Tidak ada komentar:

Posting Komentar

Terima Kasih Telah Meringankan Tangan Sobat