焦点图现在就差一个自动播放功能，写了，但是不能自动播放，大家帮我看看哪儿出的问题

Question

<div id="wpBanner">
                    <ul>
                        <li>
                            <a><img src="images/pic/pic211-282.jpg" /></a>
                        </li>
                        <li>
                            <a><img src="images/pic/pic211-282.jpg" /></a>
                        </li>
                        <li>
                            <a><img src="images/pic/pic211-282.jpg" /></a>
                        </li>
                        <li>
                            <a><img src="images/pic/pic211-282.jpg" /></a>
                        </li>
                    </ul>
                </div>
/*首页小焦点图*/
  var wpWidth=$('#wpBanner').width();
  var wpLen=$('#wpBanner li').length;  var btn = "<div class='btn'>";
    for(var i=0; i < wpLen; i++) {
        btn += "<span></span>";
    }
  btn += "</div>";
  $("#wpWidth").append(btn);  //创建小按钮
  var btn = "<div class='btn'>";
    for(var i=0; i < wpLen; i++) {
        btn += "<span></span>";
    }
  btn += "</div>";
  $("#wpBanner").append(btn);  $("#wpBanner .btn span").mouseleave(function() {
        index = $("#wpBanner .btn span").index(this);
        showPics(index);
  }).eq(0).trigger("mouseleave");  autoPlay();  function autoPlay(){
     clearInterval(timer);
     var timer=setInterval(function(){
        showPics(index);
    },3000);  
  }
  
  
  function showPics(index){
     var nowLeft = -index*wpWidth; 
        $("#wpBanner ul").stop(true,false).animate({"left":nowLeft},300); 
        $("#wpBanner .btn span").removeClass("cur").eq(index).addClass("cur"); 
  }  /*首页小焦点图 end*/

Answer 1

autoPlay中index有问题，你有这个全局变量吗？
clearInterval(timer);timer有问题你的timer是局部变量，此时销毁后还没有创建吧。用chrome调试一次看看吧。

Answer 2

 $("#wpBanner .btn span").mouseleave(function() {
        index = $("#wpBanner .btn span").index(this);
        showPics(index);
  }).eq(0).trigger("mouseleave");用live试试