ладно, сам остановлю
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<style>
span {
padding: 0.3em;
margin: 0.1em;
}
</style>
<script>
jQuery(function ($) {
for (var i = 0; i < 1000; i++) {
if (i % 50 == 0) {
$("body").append("<br>");
}
$("body").append("<span>" + parseInt(Math.abs(10 * Math.random() - 5 * Math.random())) + "</span>");
}
function color() {
function r() {
return Math.floor(Math.abs(255 * Math.random()));
}
return "rgb(" + r() + "," + r() + "," + r() + ")";
}
var spans, len;
var int = setInterval(function () {
spans = $("span");
len = spans.filter(function () {return $(this).html() != 0}).length;
if (window.console) console.log(len);
if (len == 0) {
spans.css("background", "lightgreen");
clearInterval(int);
return;
}
spans.each(function () {
if ($(this).html() != 0) {
$(this).html($(this).html() - 1);
} else {
this.style.background = color();
}
});
}, 1000);
});
</script>