图片切换效果

图片切换效果在网页里面到处可见.这个图片切换效果一秒切换一张图片,循环展示.适用于图片名字有规律的情况和图片数量是一个定值的情况.

setInterval语法:方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭.由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数.

语法:

 1 <!doctype html>
 2 <html lang="en"> 
 3 <head> 
 4     <meta charset="UTF-8"> 
 5     <title></title> 
 6     <script type="text/javascript" src="js/jquery-2.1.1.js"></script>
 7     <script type="text/javascript">
 8     var srcname=0;
 9     var t;
10     $(function(){
11         timedCount(4);
12             setInterval("timedCount(4)",1000);        
13     });
14    
15     function timedCount(pageCount)
16     {
17         srcname++;//只有三张图片
18         if (srcname<pageCount)
19          {
20              $('#simg').attr("src","images/"+srcname+".jpg");
21          }
22          else{
23              srcname=0;
24          }
25         
26     };
27 
28     </script>
29 </head>
30 <body>
31     <img id="simg"/>
32 </body>
33 </html>
posted @ 2014-08-18 13:24  SkyTeam_LBM  阅读(221)  评论(0)  编辑  收藏  举报