Cara Menampilkan Tanggal Dan Waktu Di Blog.

Cara menunjukkan waktu sekarang (current time) dan tanggal hari ini (current date) pada tampilan blog bisa dilakukan dengan banyak cara. Misalnya: Membuat javascript yang menghack tema jam di website tertentu, membuat penanggalan dengan tema sendiri, membuat kode script untuk loading waktu sekarang secara online di jam global.


Kali ini membuat tampilan waktu di halaman blog dengan script yang meloading penanggalan di komputer. Penanggalan dan jam yang akan ditunjukkan akan tepat jika setting penanggalan di komputer anda sesuai denan waktu yang sebenarnya.


Silahkan ketik kode berikut ini:

  var currentDate = new Date()
  var day = currentDate.getDate()
  var month = currentDate.getMonth()
  var year = currentDate.getFullYear()
  document.write("<b>" + day + "/" + month + "/" + year + "</b>")

Hasilnya adalah:

Cara Menampilkan Waktu Sekarang.

Ketik kode javascript berikut ini:

  var currentTime = new Date()
  var hours = currentTime.getHours()
  var minutes = currentTime.getMinutes()

  if (minutes < 10)
  minutes = "0" + minutes

  document.write("<b>" + hours + ":" + minutes + " " + "</b>")

Hasilnya akan seperti ini:

Cara Menampilkan Waktu Sekarang Dalam AM/PM

Ketik Kode javascript berikut ini:

  var currentTime = new Date()
  var hours = currentTime.getHours()
  var minutes = currentTime.getMinutes()

  var suffix = "AM";
  if (hours >= 12) {
  suffix = "PM";
  hours = hours - 12;
  }
  if (hours == 0) {
  hours = 12;
  }

  if (minutes < 10)
  minutes = "0" + minutes

  document.write("<b>" + hours + ":" + minutes + " " + suffix + "</b>")

Hasilnya akan seperti di bawah ini:

Tapi kelemahan tampilan jam seperti di atas ada kelemahannya, yaitu kita harus merefresh broswer agar mendapatkan update terbaru mengenai waktu. Namun untuk menunjukkan tanggal kode di atas cukup memadai.


Berikut ini contoh penggunaan jam dengan angka yang terus berjalan, meski halamam blog tidak direfresh, angka akan terus berjalan. Contohnya seperti ini:

Cara membuat jam seperti tampilan di atas dibuat dengan kode berikut ini:

<script language="JavaScript">
<!-- Begin
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("<center><form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form></center>");
onError = null;
clock();
// End -->
</script>

Selamat mencoba..