jquery - 需要 jQuery 自动功能

Question

我为我的网站创建了简单的 slider ，它在这里运行良好的演示 http://jsfiddle.net/Kxnh3/1/

现在我想让这个 slider 自动工作吗？ 有什么想法吗？

jQuery(document).ready(function() {
     jQuery('.sliderBtn li:eq(0) a').click(function()
     {
     jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
     jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
     jQuery('#homeSliderSlideshow').animate({'left':'0'},'slow');
     });

     jQuery('.sliderBtn li:eq(1) a').click(function()
     {
     jQuery('.sliderBtn li:eq(0)').removeClass('activeSlide');
     jQuery('.sliderBtn li:eq(1)').addClass('activeSlide');
     jQuery('#homeSliderSlideshow').animate({'left':'-100px'},'slow');
     });

});

HTML:

<div class="wraper">
    <ul id="homeSliderSlideshow">
        <li>
            <div>1</div>
            <div>2</div>
            <div>3</div>
            <div>4</div>
        </li>
    </ul>
</div>

<div class="sliderBtn">
    <ul>
        <li class="activeSlide">
            <a href="#">1</a>
         </li>
        <li>
            <a href="#">2</a>
         </li>
    </ul>
</div>

Answer 1

jQuery(document).ready(function() { 

    var value=0;
    setInterval(function(){
        value=value==0?-100:0;


        if(value==0)
        {
           jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
           jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
        }else if(value==-100){
           jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
           jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
        }


        jQuery('#homeSliderSlideshow').animate({'left': value + 'px'},'slow');
    },2000);

});

Demo