更改图像超时循环Javascript

我有两张图片，绿色和黑色。我想以一定的频率交替这些图像。 我的代码：

<script>
var wis=1;
var delay=500;
wissel()
function wissel() {
if (wis==1) 
    {wis=2; green();}
else {wis=1; black();}
delay=delay+500;
setTimeout (wissel(), delay)
}

function green() {
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(438,398,125,0,2*Math.PI);
ctx.arc(838,398,125,0,2*Math.PI);
ctx.fillStyle="#00ff00";
ctx.fill();
}
function black() {
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(438,398,128,0,2*Math.PI);
ctx.arc(838,398,128,0,2*Math.PI);
ctx.fillStyle="#000000";
ctx.fill();
}
</script> 

var-wis=1；
无功延迟=500；
维塞尔（）
函数wissel（）{
如果（wis==1）
{wis=2；绿色（）；}
else{wis=1；black（）；}
延迟=延迟+500；
设置超时（wissel（），延迟）
}
函数green（）{
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.arc（438398125,0,2*Math.PI）；
ctx.arc（838398125,0,2*Math.PI）；
ctx.fillStyle=“#00ff00”；
ctx.fill（）；
}
函数black（）{
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.beginPath（）；
ctx.arc（438398128,0,2*Math.PI）；
ctx.arc（838398128,0,2*Math.PI）；
ctx.fillStyle=“#000000”；
ctx.fill（）；
}

---

当我在延迟后插入警报（wis）时=延迟+500；行了，行了。但我当然不想点击。我想要自动的。我需要一些帮助。

您的

设置超时

呼叫有错误。删除括号：

var wis = 1;
var delay = 500;
wissel()

function wissel() {
    if (wis == 1) {
        wis = 2;
        green();
    } else {
        wis = 1;
        black();
    }
    delay = delay + 500;
    setTimeout(wissel, delay)
}

function green() {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.beginPath();
    ctx.arc(438, 398, 125, 0, 2 * Math.PI);
    ctx.arc(838, 398, 125, 0, 2 * Math.PI);
    ctx.fillStyle = "#00ff00";
    ctx.fill();
}

function black() {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.beginPath();
    ctx.arc(438, 398, 128, 0, 2 * Math.PI);
    ctx.arc(838, 398, 128, 0, 2 * Math.PI);
    ctx.fillStyle = "#000000";
    ctx.fill();
}