Попробуйте разобрать это и почитайте про замыкания.
<html>
<head>
<style>
div {
width: 50px;
height: 50px;
float: left;
margin: 2px;
background-color: #000000;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
var elements = document.getElementsByTagName('div'),
options = [
{
height : 80,
speed : 100
},
{
height : 120,
speed : 200
},
{
height : 30,
speed : 300
},
{
height : 60,
speed : 500
},
{
height : 10,
speed : 400
},
{
height : 40,
speed : 600
},
{
height : 70,
speed : 700
}
],
changeHeight = function(element, height) {
element.offsetHeight == height ? element.style.height = '50px' : element.style.height = height + 'px';
};
for(var i = 0; i < elements.length; i++)
(function(j){
setInterval(function() {
changeHeight(elements[j], options[j]['height']);
}, options[j]['speed']);
})(i);
</script>
</body>
</html>