问题如问题，有大佬么？
js canva画布定时器实现0-9的数组中依次出现0-9出现0以后0消失继续出现1依次循环
就是update里面不知道怎么取值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<canvas id="mycanvas" width="600" height="600"></canvas>
<script>
let mycanvas
let ctx
let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
let index;
window.onload = function () {
mycanvas = document.getElementById('mycanvas');
ctx = mycanvas.getContext('2d');
mycanvas.width = document.documentElement.clientWidth;
mycanvas.height = document.documentElement.clientHeight;
setInterval(function () {
ctx.clearRect(0, 0, mycanvas.width, mycanvas.height);
update();
// draw();
}, 1000)
function update() {
for (let i = 0; i < arr.length; i++) {
index = i;
draw()
}
}
function draw() {
ctx.save();
ctx.beginPath();
// index = Math.round(Math.random()*10);
// console.log(index);
ctx.strokeText(arr[index], 52, 52);
// ctx.font = "100px sans-serif"
ctx.restore();
}
}
</script>
</body>
</html>
let i = 0
function update () {
index = i % 10
draw()
i++
}