at kaneshin

Free space for me.

JavaScriptでのフレーム描画

下記の様に、関数オブジェクトを作って、その中身に関数を作って、そいつをズババババっと回す

var zubaba = function(elem) {
  var id = undefined;
  var fps = 1000 / 20 >> 0;
  var m = [];
  function frame() {
    m[0] = ~~(200 * Math.random());
    m[1] = m[2] = 0;
    m[3] = ~~(200 * Math.random());
    for (var i = 0, str = ''; i < m.length; ++i) {
      str += m[i] + 'px ';
    }
    document.body.style.margin = str;
  }
  id = setInterval(frame, fps);
  setTimeout(function() {
    if (id !== undefined)
      clearInterval(id);
  }, 3000);
};

window.document.addEventListener('DOMContentLoaded', zubaba, false);