Question

我刚刚想出如何使用javascript来回显我的重定向页面的动态倒计时。我很好奇如何在倒计时只留下1秒时回响“秒”，但我该怎么做？

这是我的代码：

<script>
var counter = 5;

setInterval (function()
{   
    counter--;

    if(counter < 1)
    {
        window.location = 'login.php';
    }

    else
    {
        document.getElementById("count").innerHTML = counter;
       }
}, 1000);
</script>

-

echo "<table><tr><td> You will be redirected in <div id=\"count\">5</div> seconds.</td></tr></table>";

回声“在5/4/3/2/1秒内重定向”。 OC就是这样，当倒数达到1时，我对那个S感到困扰。任何帮助都会受到赞赏。

Answer 1

将“s”设置为变量。如果counter == 1，将该变量设置为空字符串，然后相应地更新div：

function() {
    var plural = "s";
    if (counter == 1) {
        plural = "";
    }
    // update div
}

Answer 2

由于你还没有发布你的“秒”所在的位置，我会假设它是在DIV之后。我建议你在javascript中使用一些if语句来倒计时并相应地设置innerHTML：

<script>
var counter = 5;
var seconds = "";

setInterval (function()
{   
    counter--;

    if(counter < 1)
    {
        window.location = 'login.php';
    }

    else
    {
        if(count <= 1) seconds = " second";
        else seconds = " seconds";
        document.getElementById("count").innerHTML = counter + seconds;
    }
}, 1000);
</script>

<div id=\"count\">5</div>

PHP + JavaScript倒计时回显5秒/ 1秒

2 个答案: