setTimeoutを使ってスロットを回す

今日もドットインストール先生の授業を受講

JavaScriptで作るスロットマシーン
http://dotinstall.com/lessons/slot_js_v2

slot.png

setTimeoutを使ってスロットを回す方法、
STOPボタンを連続して押しても誤作動しない方法など
かなりお勉強になりました!

******

  • setTimeout(関数名, ミリ秒); // 前の処理が終わってから実行

  setTimeout(function(){
  show();},1000); //ミリ秒 (1秒後に1回だけ実行)

※setTimeoutを利用して繰り返し処理

function runSlot(n){
  document.getElementById('num'+n).innerHTML = Math.floor(Math.random()*10);
  timers[n] = setTimeout(function(){
    runSlot(n); // runSlot()の中にrunSlot()があるのでループになる
    },50);
  }