我没有你的环境，自己网上copy了一个冒泡会慢慢打印出结果。(你主要是setTimeout时间设置相同，导致延迟相同时间触发！

var array = [5, 4, 3, 2, 1];
var temp = 0;
for (var i = 0; i < array.length; i++)
{
    for (var j = 0; j < array.length - i; j++)
    {
        if (array[j] > array[j + 1])
        {
            temp = array[j + 1];
            array[j + 1] = array[j];
            array[j] = temp;
        }
    }
    setTimeout(function(){
        console.log(array + '->第' + this._idleTimeout +'毫秒。');
    },1000*i);
}

重写了你的sortlist，祝你玩的愉快

function sortlist() {
    var list = document.getElementsByClassName('hot');
    var count = list.length;
    var init = 0;

    var draw = function() {
        if (init === count - 1) {
            return;
        }
        window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
        if (list[init].textContent > list[init + 1].textContent) {
            databox.insertBefore(list[init + 1], list[init]);
        }
        ++init;
        requestAnimationFrame(draw);
    };
    draw();
// 显示当前参加排序的元素数目
// alert(databox.childNodes.length);
}

注：点一次动一次哦

题主可以去看看它是怎么做的 http://algo-visualizer.jasonp...