settimeout

<script>
    var timer = null;
    $('.li-item').mouseenter(function(){
        var newThis = $(this);
        //下面的延时器不能得到当前的li，因此我们要先把它存起来
        clearTimeout(timer);
        timer = setTimeout(function(){
        //启用延时器的原因我们鼠标从进入box到确定要看哪一个需要时间，不能把鼠标扫过的li都执行一遍，所以我们才要kai
            // $(this).siblings().stop(true,true);
            console.log(222222)
            newThis.animate({
                width: '600px'
            });
            newThis.siblings().animate({
                width: '100px'
            });
        },1000);
    });
        //此处应该不是li标签了，因为每次你移动到其他li标签，他最终还是li标签呀，所以应该是当ul父类获取不到鼠标的时候才执行时间
    $('.box').mouseleave(function(){
        console.log('-------------')
        clearTimeout(timer);
       //这里还要把鼠标移出box时未完成的延时器清除掉
        $('.li-item').animate({
            width: '200px'
        });
            
    });
    </script>