卧薪尝胆的鱼 2016-05-30 08:42 采纳率: 0%
浏览 1038
已结题

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

 <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>
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-05-30 08:59
    关注

    什么叫选中之后等待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() })
        });
    
    评论

报告相同问题?

悬赏问题

  • ¥40 图书信息管理系统程序编写
  • ¥15 7-1 jmu-java-m02-使用二维数组存储多元线性方程组
  • ¥20 Qcustomplot缩小曲线形状问题
  • ¥15 企业资源规划ERP沙盘模拟
  • ¥15 树莓派控制机械臂传输命令报错,显示摄像头不存在
  • ¥15 前端echarts坐标轴问题
  • ¥15 ad5933的I2C
  • ¥15 请问RTX4060的笔记本电脑可以训练yolov5模型吗?
  • ¥15 数学建模求思路及代码
  • ¥50 silvaco GaN HEMT有栅极场板的击穿电压仿真问题