در مثال زیر پس از بارگذاری صفحه، یک تصویر نمایش داده شده و پس از ۵ ثانیه تصویر عوض می شود.
< html > < head > < script > var x=0; function setIn() { window.setInterval("changeImage()", 5000) } function changeImage() { ++x; if (x==4) { x=0; } var img= document.images[0]; img.src="pic"+x+".jpg"; } < /script > < /head >
در ابتدا در تابع setIn از دستور setInterval استفاده کردم،(با این دستور در جلسه ۴ آشنا شدید) این دستور باعث می شود که تابع changeImage هر ۵ثانیه یک بار، اجرا شود.
تابع changeImage: این تابع پس از هر بار اجرا یک واحد به متغیر x اضافه کرده و مقدار خصوصیت Imageشیء document را در متغیر img می ریزد،سپس آدرس این خصوصیت رامشخص می کند.
نکته:
توجه کنید که تصاویر شما باید دارای یک نام یکسان با شماره های متفاوت باشند. همچنین تمامی تصاویر دارای پسوند یکسان باشند.
من دراینجا ۴ تصویر با نام های pic0، pic1 ، pic2 و pic3 دارم. که در خط زیر با قراردادن مقدار متغیر x در کنار نام pic مشخص کردم که هر بار یکی از تصاویر نمایش داده شود. در واقع هر بار که یک واحد به متغیر x اضافه می شود تصویر جدیدی نمایش داده می شود.
دستور if: این دستور وقتی مقدار x 4می شود، یعنی جاوا به آخرین تصویرمی رسد، اجرا شده و مقدار x را به صفر تغییر می دهد و دوباره تصویر اول نمایش داده می شود. برای مشاهده صفحه اینجا را کلیک کنید.