Sayfa açılırken show – hide layer göstermek

Senaryo

Web sayfamız açılırken ekrana bir layer gelecek. 10 saniye görünüp kaybolacak.

Bunu yapmanın yolu settimeout javascript fonksiyonu kullanmak. Kullanım şekli aşağıda.

setTimeout("fonksiyon()",10000);  //10 saniye = 10000 milisaniye

Örnek kullanım

<div id=gazze name=gazze style="visibility:visible; position:absolute; left:0px; top:0px; z-index:2; background:#000000; width:100%; height:100%; text-align:center;">
<img src="skin/gazze.jpg" alt="Lanetle Kınıyoruz." title="Lanetle Kınıyoruz."></img>
</div>

<script LANGUAGE=JavaScript>
<!--
function gizle(){
document.getElementById("gazze").style.visibility="hidden";
}
window.setTimeout("gizle()",10000);
//-->
</script>

Açıklama

gizle() fonksiyonu 10 saniye sonra setTimeout tarafından çağrılıp çalıştırılır. gazze isimli div’in görünürlük özelliği gizli hale getirilir. z-index değerini yüksek verirseniz diğer öğelerin üzerinde görünür.