javascript - 使用 Javascript 在标签上倒计时 30 秒

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