问答详情
源自:4-2 获取样式

关于width不断增加而不是减小

为什么width=201px后会持续的增加?

提问者:Dicrector 2016-11-06 20:07

个回答

  • 写米乐
    2016-11-06 21:51:18
    已采纳

    样式有这俩句:其他样式不写了,主要看这俩个。

    #div1{
        width:200px;
        *****
        ****
        border:1px solid #000;
    }
    setInterval(function(){                           //这是个定时器,30毫秒执行一次里面的函数.
        var oDiv = document.getElementById('div1');
        //获取id是div1的元素。
        oDiv.style.width = oDiv.offsetWidth - 1 + 'px';
        //获取oDiv的宽,这时候的宽是200px+2px。因为border给俩边加了1px,实际获取到的是202px;
        //所以202px-1px=201px赋给了oDiv,这时oDiv的宽是201px;再过30毫秒执行这句,获取的oDiv的宽是
        //201px + 2px = 203px; 再203px-1px=202px赋给了oDiv。就这样。
        },30);



  • Dicrector
    2016-11-08 09:29:29

    setinterval()函数里的时间指的是  每隔这个时间段执行一次 还是 每次执行的时间是这个时间?http://img.mukewang.com/58212a750001a57910000661.jpg