Появление объекта через заданное время canvas

var canvas = document.getElementById("d1");
var ctx = canvas.getContext("2d");
 
document.addEventListener("keyup", keyUp, false);
 
function keyUp(e) {
  if (e.keyCode == 37) {
    player.x = 10;
  } else if (e.keyCode == 39) {
    player.x = 162;
  } else if (e.keyCode == 38) {
    player.y = 10;
  } else if (e.keyCode == 40) {
    player.y = 162;
  }
 draw();
}
 
var player = {
  x: 10,
  y: 10,
  pW: 130,
  pH: 130,
  draw: function() {
    ctx.beginPath();
    ctx.rect(this.x, this.y, this.pW, this.pH);
    ctx.fillStyle = "black";
    ctx.fill();
    ctx.closePath();
  }
}
 
var box = {
  x: 0,
  y: 0,
  bW: 149,
  bH: 149,
  timer: 0,
  draw: function() {
    ctx.beginPath();
    ctx.rect(this.x, this.y, this.bW, this.bH);
    ctx.fillStyle = "red";
    ctx.fill();
    ctx.closePath();
  }
}
 
 
 
function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
    
  box.draw();
  
  player.draw();
}
draw();

setInterval(box.draw(), 5000);

function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
    setTimeout('box.draw();player.draw()', 5000);
 player.draw();
}