6 Ekim 2013 Pazar

Javascript ile zamanlı yönlendirme

js ynlendirme

Web sitesi sahiplerinin üzerinde durması gereken bir noktadan bahsetmek istiyorum.
Web sitelerinde içerikler herzaman kalıcı olmaz bazen silinmesi gerekebilir ancak arama motorları bunları önceden indexlemişse bu sizin o sayfaya giren kullanıcınıza bir hata olarak geri dönecektir.


Web dilinde bu hata 404 Sayfa Bulunamadı Hatası  dır. Siz bu hatayı kendi lehinize çevirirseniz bu sitenizin yararına olacak bir çalışma olur.

Konumuzla uygun olması için js ile zamanlı yönlendirme işlemini hata sayfalarında uygulamayı göstereceğim.

Öncelikle aşağıdaki js kodunu kopyalayın bu kod ile istediğiniz bir div in içine geri sayım yaptırabilirsiniz.

<script type="text/javascript">
var sure=5;
var zamanIsle;
function Saniye() {
document.getElementById("dl").innerHTML = '<b>' + sure + '</b> saniye sonra yönlendirileceksin';
sure=sure-1; zamanIsle=setTimeout("Saniye()", 1000);
Kontrol();
}
function Kontrol(){
if(sure <= -1){
document.getElementById("dl").innerHTML ='<b>Süre tamamlandı</b>';
clearTimeout(zamanIsle);
window.location="http://fistikblog.blogspot.com"
   }
}
window.onload=Saniye;
</script>
Not:Yukarıdaki kodda;

Mavi ile yazılanlar kullanıcının göreceği değerler

Yeşil ile yazılan süre tamamlandığında yönlendirilecek sayfa

Kırmızı ile yazılan içerisine süreyi yazdıracağımız div'in id değeri

Mor ile yazılanlar saniye değerleri :1000 değeri 1sn olarak hesaplanır.Bunu değiştirmeniz saniye hızınızı değiştirir.5 değeri ise kaçtan geriye sayacağınızı belirler.

Evet arkadaşlar şimdi buraya kadar olan kısımda js ayarlarınızı yaptınız. Bunları kullanıcılara göstemek için bir div blogu kurmalısınız örnek olarak aşağıdakini kullanabilirisiniz.


<div class="yonlendir">
<div class="ic">Bekleyin, </div><div id="dl"></div></div>


Kırmızı ile yazılan kısım js de kullandığınız div in id değeri ile aynı olmalı

Hiç yorum yok:

Yorum Gönder