首页 > 代码库 > J-Query开发锦集(2):图片切换效果

J-Query开发锦集(2):图片切换效果

2024-07-18 04:19:49   219人阅读

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

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>


联系
我们