javascript - setTimeout 不工作 javascript 和 svg

Question

这是我网站的网址 Granite.sru.edu/~jaw1005/progress.php

问题是我有 5 个 svg 元素充当按钮，每个按钮都会更改图形。

我想制作一个类似这样的函数

function play(evt){
  setTimeout(doButtons5(evt),3000)
  setTimeout(doButtons4(evt),3000)
  setTimeout(doButtons4(evt),3000)
 }

目的是以动画的形式展示数据的变化。

当我单击调用播放函数的黑色圆圈时，什么也没有发生，因此我们将非常感谢任何帮助。

这是一段代码，不知道是否有帮助

function doButtons5(evt){
    http5.open('get',"http://granite.sru.edu/~jaw1005/getdata5.php");
    http5.onreadystatechange = getData5;
    http5.send(null);

}

function getData5(){
   if(http5.readyState == 4){
     sampsonnnn=http5.responseText
     doSVGStuff5(sampsonnnn)

}

}

Answer 1

根据 window.setTimeout 文档，您必须像这样使用超时:

function play(evt){
  setTimeout(doButtons5,3000)
  setTimeout(doButtons4,3000)
  setTimeout(doButtons4,3000)
 }