Question

由于我对javascript知之甚少，我需要你的帮助。我的问题是这样的：

我使用setInterval（）在1分钟后每隔一段时间增加i的值，我正在使用此代码：

var i = minutes;
function decrementMin() {
    if(i>=0)
    {
        i--;
    }
    if(i==0)
    {
        alert('Minute = Congratulation your time begin now!');
    }                         
    document.getElementById('minutes').innerHTML = i + "minutes";
}
setInterval('decrementMin()',60000);

问题是我想在页面加载时在<div id='minutes'></div>中显示第一条消息，但它会在1分钟间隔后显示消息。如果我的代码中遗漏了某些内容，请告诉我。

Answer 1

您的问题是您在显示第一条消息之前设置了间隔。相反，您可以立即调用该函数，然后设置间隔。此外，您需要在达到0后清除间隔：

var i = minutes;
var intID;
function decrementMin() {
    if(i>=0)
    {
        i--;
    }
    if(i==0)
    {
        clearInterval(intID);
        alert('Minute = Congratulations my friend your time begins now!');
    }
    document.getElementById('minutes').innerHTML = i + "minutes";
}

decrementMin();
intID = setInterval(decrementMin, 60000);

这样您可以立即调用您的函数，然后将其设置为每分钟运行一次。一旦达到0，就清除间隔，使函数不计入“-1”等等。

如何在1min后在表单加载和下一个上显示第一条消息？

1 个答案: