Belajar membuat HTML Webpage Waiting.. 5 4 3 2 1

Ya Allah, kenapa aku ini, kenapa diriku ini. Membiarkan sang Blog sendiri layak tanpa pemilik ini dalam seminggu ini. Apakah aku... (Halah!).

O iya Sob sebenernya Trik HTML yang satu ini sudah berbulan bulan saya timbun di lemari Folder Script saya. Saya lupa dan terkadang ada pikirna Malas untuk mempublikasikannya :D hehe. Tetapi karna hari ini, jam ini, menit ini, detik ini saya kehabisan bahan untuk mempublikasikan sesuatu yang berbeda dari yang lain maka saya luncurkan Script Andalan saya :D huahaha.

Begini loh sob, mengapa judulnya Belajar membuat HTML Webpage Waiting.. 5 4 3 2 1? Nah, mungkin sebagian Besar atau bahkan semuannya mungkin tidak mengerti dengan Judul yang aneh itu. Kita akan membuat Trick HTML Webpage yang nanti ketika membukannya akan menunggu dari angka 5... 4... 3... 2... 1... dan kemudian OBJECT (div, span, p, a, dan lain lain). Script ini saya beri Nick Name Time Bomb

Kalian tau Situs KILLERJO.NET? Nah ini mirip mirip begitu namun menggunakan angka tadi. Bagaimana Reviewnya, saksikan Video di Bawah. Video direkam menggunakan Software perekam

Nah, bagaimana? Kalau ingin tau scriptnya gimana yuk liat di bawah ini!

<script type="text/javascript">

var c = 4;

function fcwait() {

if(document.getElementById("divDLWait")==null || document.getElementById("divDLStart")==null){

setTimeout("fcwait()", 1000);

return;

}

if (c > 0) {

var el = document.getElementById("wait");

if( el ){

el.innerHTML = "" + c;

}

c = c - 1;

setTimeout("fcwait()", 1000);

}

else {

document.getElementById("divDLWait").style.display = 'none';

document.getElementById("divDLStart").style.display = 'block';

}

}

fcwait();

</script>

<div style="width:100%; height:100%; background:#000 url() no-repeat center; margin:0px; color:#fff; font-size:100px; display: none;" id="divDLStart"><center>OBJECT!</center></div>

<div id="divDLWait">

<div class="sec" id="wait" style="text-shadow:0px 0px 5px #000; padding-top:40px;font-size: 400px;" align="center">5</div>

</div>

Ganti kode OBJECT dengan kode yang lain, misalkan Gambar. Ganti menjadi <img src="URL_Gambar" /> dan juga yang lainnya.

Kode Kuning adalah Style/Gaya dari Angka ataupun OBJECT tadi.

• Letakan itu pada Notepad, kemudian Save dengan Format NAMA.html

• Klik File NAMA.html dan buka!

Tujuannya apasih? Gak tau! hahahaha... untuk Sharing aja sob dari pada gak ada kerjaan :D kalau berguna, sobat bisa mengaplikasikannya sendiri :) Makasih ya Perhatiannya :)