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;
}