javascript - JQ控制背景放大缩小的问题

问题描述

问 题

<script>
    $(document).ready(function(e) {
        var i=1;//初始化
        var turn=false;//放大缩小开关
        var time=setInterval(function(){
            //return false;
            if(i>=1.1)
            {
                turn=true;
                }
            if(i<1)
            {
                turn=false;
                i=1;
                //暂停3秒后执行 怎么处理？
                clearInterval(time);
                //setTimeout(function(){},3000);
                }
            if(i>=1 && i<1.1 && !turn)
            {
                //放大
                i+=0.002;
                $('.wrap').css({transform:'scale('+i+')'});
                turn=false;
            }else
            {
                //缩小
                i-=0.002;
                $('.wrap').css({transform:'scale('+i+')'});
                }
            console.log(i);
        },100);
        
    });
</script>

放大缩小后 暂停三秒再继续执行应该怎么写代码？

解决方案

$(selector).delay(speed,queueName)

这篇关于javascript - JQ控制背景放大缩小的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！