console
var clock;
var canvas;
var ctx;
window.onload = function () {
canvas = document.getElementById("paper");
ctx = canvas.getContext("2d");
}
function start() {
clock = setInterval("nextTick()", 100);
}
function stop() {
clearInterval(clock);
}
function nextTick() {
console.log("->");
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect(100,10,50,50);
}
<canvas id="paper" width="500px" height="500px">
Shit! Loading Failed!
</canvas>
<button onclick="start()">开始</button>
<button onclick="stop()">停止</button>
canvas{
border: 1px solid black;
}