SetTimeout Fonksiyonu

SetTimeout fonksiyonu ile değişen resimler yapmaya ne dersiniz?

Javascript'te setTimeout() fonksiyonu ile web sayfalarında değişen resimler oluşturabilirsiniz.

setTimeout() fonksiyonu aynen timer gibi çalışır, yani bir komut çalıştıracaksınızdır, ama belli bir saniye sonra meydana gelecektir.

2 tane parametresi vardır

setTime("komutlar",ms) kullanımı bu şekildedir.


1000ms=1 saniye



Ben bu fonksiyonu kullanarak web sayfasında değişen resim yapmaya çalışacağım. Umarım faydalı olur.

İlk başta kullanacağımız resimleri array nesnesinin içine tanımlıyoruz.


resim=["1.jpg","2.jpeg","3.jpeg","4.jpeg"];



Bu tanımlamayı yaptıktan sonra fonksiyon tanımlıyoruz:


function degis(){

document.images[0].src=resim[a];

setTimeout("art()",5000);

}

function art(){

a++;

if(a==2) a=0;

setTimeout("degis()",3000);

}



Kodun Tamamı:


<html>

<head> <title>setTimeout fonksiyonu</title>

<script>

resim=["1.jpg","2.jpeg","3.jpeg","4.jpeg"];



var 

a=0;

function degis(){

document.images[0].src=resim[a];

setTimeout("art()",5000);

}

function art(){

a++;

if(a==2) a=0;

setTimeout("degis()",1000);

}

</script>

</head>

<body onLoad="degis()";>

<img src=1.jpg width=100 height=100>

</body>

</html>



Bu tanımladığımız fonksiyonu body tag'ının onLoad olayında çağrıyoruz ve resimlerimiz 6 saniyede bir değişiyor.

Kolay gelsin.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

• 10 yıl önce
hocam ilk resim 100px 100px acıo ancak 6 sn sonra dger resime gecmio carpı oluo not defterinde yazdım tesekküerler gzl calısma ama calıstıramadım

Yukarı Git