در مثال زیر پس از بارگذاری صفحه، یک تصویر نمایش داده شده و پس از ۵ ثانیه تصویر عوض می شود.

< 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 را به صفر تغییر می دهد و دوباره تصویر اول نمایش داده می شود. برای مشاهده صفحه اینجا را کلیک کنید.

بخش اول : رویدادها در جاوا اسکریپت

قبل از کوکی ها می خوام کمی در مورد رویدادها صحبت کنم. تا به اینجا مابا رویدادها در HTML کار کردیم مثلا رویداد onClick یک دکمه رو در خود تگ ایجاد دکمه قرار می دادیم و امروز یاد می گیریم که از این رویداد چطور در تگ script استفاده کنیم.

برای مثال همین رویداد onClick رو یک بار در کدنویسی HTML و بار دیگه در کدنویسی JavaScript استفاده می کنیم:

< form name="form1" >
< input type="button" name="butt1" onClick="fun1()" / >
< /form >

در اینجا یک دکمه ایجاد کردیم و در رویداد کلیک دکمه تابع fun1 را صدا زدیم(فرض می کنیم این تابع قبلا ساخته شده). توجه کنید که در روش زیر از نام فرم و دکمه استفاده می شود.

بخش اول : for… in

این دستور فقط به یک منظور استفاده می شود: بدست آوردن خصوصیات و متدهای اشیاء . در جلسه چهارم که در مورد اشیاء صحبت کردیم، من فقط از هر شیء چند نمونه خصوصیت یا متد را معرفی کردم، اما یک شیء میتونه خصوصیات مختلفی داشته باشه. حالا اگه ما بخواهیم خصوصیات یک شیء را بدست بیاریم، باید چه کار کنیم؟ بله استفاده از کتاب ها یا سایت های مختلف یکی از راه های دست یابی به این اطلاعات است. اما راه دیگر استفاده از دستور for … in می باشد. یعنی می توانیم از خود جاوا اسکریپت کمک بخواهیم!

for (var x in object)
{ document.write( x ); }

توضیحات:
X: این متغیر به خصوصیات شیء اشاره دارد و تمام خصوصیات را در خود نگهداری می کند.
In : یک کلمه کلیدی است که باید نوشته شود.
object : نام شیء را به جای آن می نویسیم .

بخش اول :  دستور for

for یکی از رایج ترین و پرکاربردترین ابزار حلقه است، این دستور مجموعه ای از دستورات را به تعداد دفعات مشخصی تکرار میکند.

for (counter ; condition ; step)
  {
     Codes
   }

همانطور که مشخص است دستور for سه پارامتر دارد که هر یک را با سمی کالن (;) از هم جدا میکنیم. اولین پارامتر: شمارنده حلقه(ابتدای حلقه)، condition: شرط حلقه یا همان انتهای حلقه و step: گام حرکت حلقه است (گام حلقه هم میتواند مثبت باشد هم منفی). به مثال زیر توجه کنید: این مثال پیامی را ۳ بار متوالی نمایش میدهد. نتیجه

For (i=1 ; i<=3 ; i++)
 {      alert ("this is a test ")  }

بخش اول :  تعریف تابع

گاهی ممکن است در یک بخش نیاز به تکرار یک کد داشته باشیم در این مواقع مجبوریم دوباره آن کد را از اول بنویسیم. تابع ها در واقع کد یا کدهایی هستند که فقط یک بار نوشته می شوند، تحت یک نام نگهداری می شوند که با استفاده از فراخوانی آنها می توانیم به دفعات از آنها استفاده کنیم.

بخش دوم :  نوشتن تابع

< script >
() نام function
}
("alert ("function
{
< / script >

توضیحات:

تابع ها را با کلمه کلیدی function شروع و پس از آن یک نام برای آن تابع انتخاب می کنیم. همیشه باید پس از نام تابع پرانتز را قرار دهیم، و بعد از آکولاد دستورات را می نویسیم. این دستورات می توانند هر کدی باشند: یک پیام، یک شرط، یک شیء با متدهایش، یک حلقه و…
در این کد، ما تابعی را ایجاد کردیم که کار آن نمایش یک پیام است. یعنی در واقع ما هرجا که به این پیام نیاز داشته باشیم، نیازی نیست که هر دفعه کد مربوط به alert را بنویسیم و فقط کافیه که تابع رو با نامش صدابزنیم.