ajax - JS 2分钟倒计时然后执行功能？

Question

郑重声明，我不太擅长 Javascript!我知道如何使用 ajax。我只需要一点帮助。

我很难搞清楚如何显示 5 分钟倒计时，以及一旦倒计时归零，如何运行一个函数。我需要将一个变量传递给需要运行的函数。我试过 SetInterval 但这不是我的强项。有没有人有什么建议？我可以发布我得到的代码，但我会把它等同于一只在黑暗中摸索着打字机的 gorilla !

Answer 1

或许可以这样尝试。使用 setTimeout() 控制需求的“计时器”端，或者换句话说，控制屏幕上的倒计时。

启动 setTimeout() 时，还要使用 setInterval() 启动函数调用。 setInterval 可用于在一定时间后启动功能，并将尝试在这些时间间隔内运行它。不过，一旦您运行了函数，只需调用 clearInterval() 即可停止计时器。

下面是一些改编自网站的代码，未经测试，但应该能理解这个想法。

倒数计时器: - 来自 here , 只是稍微修改了一下。

<form name="counter"><input type="text" size="8" 
name="d2"></form> 

<script> 
<!-- 
// 
 var interval="";
 var milisec=0;
 var seconds=300; 
 document.counter.d2.value='500';

function display(){ 
 if (milisec<=0){ 
    milisec=9;
    seconds-=1;
 } 
 if (seconds<=-1){ 
    milisec=0;
    seconds+=1; 
 } 
 else 
    milisec-=1;
    document.counter.d2.value=seconds+"."+milisec;
    setTimeout("display()",100);
    var interval = setInterval("goFunction(\" + seconds + \")", seconds);
} 
display();

goFunction(param)
{
   clearInterval(interval);
   // ... Do what needs doing
}
--> 
</script>