动画持续时间怎么设置css,如何在动画持续时间属性完成后重新计算css属性？

我试图获得泡沫上升的效果，所以它看起来不错。我随机使用jQuery来赋予CSS属性，如高度，宽度或动画持续时间。但是我想知道在动画持续时间完成后我能否重新计算一些属性。如何在动画持续时间属性完成后重新计算css属性？

for(var i=1; i<=7; i++)

{

var randBottom = Math.ceil(Math.random()*200);

var randWidth = Math.ceil(Math.random()*50)+20;

var randHeight = Math.ceil(Math.random()*100)+200;

var oceanWidth= $("#ocean").width();

var randLeft= Math.ceil(Math.random()*(oceanWidth-randWidth));

var randDuration = Math.ceil(Math.random()*7)+2;

var cssObj = {

'bottom' : randBottom+'px',

'height' : randHeight+'px',

'width' : randWidth+'px',

'left' : randLeft+'px',

'animation-duration': randDuration+'s',

'-moz-animation-duration': randDuration+'s',

'-webkit-animation-duration' :randDuration+'s',

'-o-animation-duration':randDuration+'s'

};

$("#bubble"+i).css(cssObj);

}

Here是我正在进行的工作的一个示例。