J-Query開發錦集(2):圖片轉場效果

標籤：style   blog   color   java   os   io   ar   cti   

圖片轉場效果在網頁裡面到處可見.這個圖片轉場效果一秒切換一張圖片,迴圈展示.適用於圖片名字有規律的情況和圖片數量是一個定值的情況.

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>