JS 2分钟倒计时然后执行一个功能?

时间:2010-03-02 05:12:54

标签: ajax timer javascript

我在Javascript上的表现并不是很好!我知道如何使用ajax。我只需要一些帮助。

我很难弄清楚如何显示5分钟的倒计时,一旦倒计时到达零,就可以运行一个功能。我需要将变量传递给需要运行的函数。我试过SetInterval,但这不是我的强项。有没有人有什么建议?我可以发布我已经获得的代码,但我会把它等同于一个在打字机黑暗中摸索的大猩猩!

1 个答案:

答案 0 :(得分:2)

也许这样试试吧。使用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>