如何在表单加载时显示第一条消息,并在 1 分钟后显示下一条消息

How to show first message on form load and next one after 1min?

本文关键字:消息 一条 显示 并在 分钟 表单 加载      更新时间:2023-09-26

因为我对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 分钟间隔后显示消息。如果我的代码中缺少某些内容,请告诉我。

您的问题是您在显示第一条消息之前设置了间隔。 相反,您可以直接调用该函数,然后设置间隔。 此外,您需要在达到 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"等。

相关文章: