首页 > 开发 > JS > 正文

js动态获取元素宽度问题

2017-09-05 12:38:55  来源:网友分享
function progress(){        $('.div5 .progress-bar').animate({width:'+=30px'});        }        $('.test').click(function(){                $('.div5').show();             int=setInterval('progress()',1000);                });    

这个progress-bar元素宽度每秒增加30px,当宽度到达某个数值就清除这个定时器,如何动态获取这个progress-bar的宽度呢

解决方案

换个思路,你并不需要获取progress-bar元素的宽度,你只需要知道它要增加多少宽度达到某个数值。

var preAdd = 300,    //要加到300px    nowAdd = 0;     //已经加了0function progress(){    if(nowAdd <= preAdd){        $('.div5 .progress-bar').animate({width:'+=30px'});        nowAdd += 30;    }else{        clearInterval(int)    }}    $('.test').click(function(){            $('.div5').show();         int=setInterval('progress()',1000);        });