Question

我使用以下示例Redirect重定向到页面。我需要的是在图像中我希望有一个标签或一些文本，它应显示从30（秒）到0（秒）的倒数。我需要javascript来满足这个要求。

感谢任何帮助

Answer 1

您可以在现有DIV

之前加入此功能

<div id="myCounter">
</div>

编写以下脚本

<script type="text/javascript">

        var milisec = 0
        var seconds = 30
        document.getElementById("myCounter").innerHTML = '30';

        function display() {
            if (milisec <= 0) {
                milisec = 9
                seconds -= 1
            }
            if (seconds <= -1) {
                milisec = 0
                seconds += 1
            }
            else
                milisec -= 1
            document.getElementById("myCounter").innerHTML = seconds;
            setTimeout("display()", 100)
        }
        display() 

    </script>

通过将位置设置为绝对

，根据您的需要在设计中调整DIV

Answer 2

<span id="myCounter"></span>

<script>
function counter (count) {
    if (count > 0) {
        document.getElementById("myCounter").innerHTML = count;
        window.setTimeout(function() {counter(count-1)}, 1000);
    } else {
        window.location.href = "/redirected-page/";
    }
}

counter(30);
</script>

使用Javascript在Label上倒数计时器30秒

2 个答案: