SOURCE

console 命令行工具 X clear

                    
>
console
var arr = new Array();
 

function init(mode) {
    for (var i = 1; i <= 100; i++) {
        arr[i] = 100;
        if (mode == 1) {
            //前5名 富二代 有200元
            if (i < 6) {
                arr[i] = 200;
            }
        } else if (mode == 2) {
            //前5名 穷人 只有2元
            if (i < 6) {
                arr[i] = 2;
            }
        }
    }
    rendUI();
    setInterval(deal, 1);
}


function deal() {
    for (var i = 1; i <= 100; i++) {
        if (arr[i] > 2) {
            arr[i] -= 2;
            var id = Math.ceil(Math.random()*100);
            arr[id] += 2;
        }
    }
    rendUI();
} 
function rendUI() {
    var chart = document.getElementById("chart");
    chart.innerHTML = '';
    for (var i = 1; i <= 100; i++) {
        chart.innerHTML += '<li style="height:' + arr[i] + 'px" ></li>';
    }
}


init(0);
<div class="info">
    100人 初始每人有100元, 每次交易每个人随机给另一个人2块钱。在这个几乎是平等的机制下 经历的时间越长贫富差距被拉开越大。
</div>
<ul id="chart">
    <li>
    </li>
</ul>
<button onclick='init(0)'>
    平等模式
</button>
<button onclick='init(1)'>
     5个富二代
</button>
<button onclick='init(2)'>
     5个穷人
</button>
#chart {
    background: #FFF;
    width: 400px;
    height: 400px;
    margin: auto;
    li {
        margin-left: 1px;
        float: left;
        background: #3db4e8;
        width: 3px;
        height: 10px;
    }
}

.info {
    margin: auto;
    width: 380px;
    color: #eee;
    font-size: 12px;
    background: #333;
    padding: 10px;
}