jquery轮播，新手，写了个代码，怎样才能避免选中之后等待6秒

Question

 <script>
        var demo;
        var imageArray = ['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'];
        var i = 1;
        $('div').css('background',"url("+imageArray[0]+")");
        $('li').eq(0).css('background','red');
        function one(){
            setInterval(function () {
                    $('li').css('background','#fff');
                    $('li').eq(i).css('background','red');
                    $('div').css('background',"url("+imageArray[i]+")");
                    i++;
                    if(i>=5){
                        i=0;
                    }
            },3000)
        }
        one();
        $(document).ready(
                $('li').mousemove(function () {
                    i = $(this).index();
                    $('li').css('background','#fff');
                    $('li').eq(i).css('background','red');
                    $('div').css('background',"url("+imageArray[i]+")");
                })
        );
        //轮播
    </script>

Answer 1

什么叫选中之后等待6s？鼠标移动到li上就不要继续轮播还是什么？如果是要清除计时器，

    var demo;
    var imageArray = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];
    var i = 1;
    $('div').css('background', "url(" + imageArray[0] + ")");
    $('li').eq(0).css('background', 'red');
    var timer////////
    function one() {
        timer=setInterval(function () {/////////
            $('li').css('background', '#fff');
            $('li').eq(i).css('background', 'red');
            $('div').css('background', "url(" + imageArray[i] + ")");
            i++;
            if (i >= 5) {
                i = 0;
            }
        }, 3000)
    }
    one();
    $(document).ready(function () {//ready事件也搞错了
        $('li').mouseenter(function () {
            clearInterval(timer);
            i = $(this).index();
            $('li').css('background', '#fff');
            $('li').eq(i).css('background', 'red');
            $('div').css('background', "url(" + imageArray[i] + ")");
        }).mouseleave(function () { one() })
    });