Javascript 水冒泡动画的正确计时

我需要一个水泡动画-从下到上移动。
这是我的方法，但还不够自然。
显然，正确的时机是个问题。
有什么帮助吗

var bb=[0,1,2]；
函数bubles（）{
让ran=bb[Math.floor（Math.random（）*3）]；
$（'.buble'）.eq（ran.fadeOut（）.fadeIn（）；
}
setInterval（函数（）{
布布斯（）
}, 300);
正文{
背景：轻海绿色；
}
B先生{
填充物：白色；
填充不透明度：0.3；
}

您是否尝试过不随机化动画？（另外：由于水压降低，水泡上升时会变大）请再次仔细阅读我的第一条评论；你的回答对我来说没有多大意义。@ChrisG我需要气泡消失，这样顶部的气泡应该更小。