js 룰렛 추첨

js 룰렛 추첨 은 Raphael 로 이 루어 집 니 다.
시간 제어

function Spinner(s, ms, f) {
  var i = 0;
  var t;
  (function ft() {
    if(i < s) {
      var e = Math.pow(i / s, 0.48);
      f(i);
      t = setTimeout(ft, ms * e);
      i++;
    } else {
      clearTimeout(t);
    }
  })();
  return function () {
    clearTimeout(t);
  };
}

완 동 룰렛 실현

  var lucky_num = document.getElementById('ts').value;
  var default_loop = 5;
  var angle = 45;
  var lucky_loop = 360*default_loop+(8-(lucky_num-1))*angle;
  new Spinner(100, 110, function(i){
    lucky.attr({transform: "r" + (Math.pow(i/100, 0.17)*lucky_loop)});
  });

미리 보기 클릭