动态浏览图片

练习setTimeout()方法的使用；

setTimeout(code , delay)：window对象，用于在指定的毫秒数(delay)后调用函数或计算表达式(code)，起到一个定时的功能；

image对象主要是用来显示图片的，由标准HTML标签<img>创建；

用setTimeout()方法能够让图片动态的显示出来，本人写了一个简单的函数：

Code:

1. var i=1;   
2.  var j=0;   
3.  function picLoad()   
4.  {   
5.        if(j==0)   
6.         {   
7.                if(i<9)   
8.                {   
9.                     window.document.pic.src=i+".jpg";   
10.                     i++;   
11.                     if(i==9) j=1;   
12.                }   
13.       
14.           }   
15.          if(j==1)   
16.          {   
17.                if(i>-1)   
18.                {   
19.                       i--;   
20.                       window.document.pic.src=i+".jpg";   
21.                       if(i==0) j=0;   
22.                 }   
23.       
24.             }   
25.      setTimeout("picLoad()",1000);   
26.  }  

 

在body部分加上一个

Code:

1. <img name="pic" src="0.jpg"/>  

标签，来循环显示指定的几张.jpg照片