JS 定时器的设置与关闭（倒计时效果）

白沙王

于 2023-08-22 16:03:42 发布

阅读量572

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_50784508/article/details/132429965

版权

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="js/jquery-1.7.1.js"></script>
    <script>
        //定义一个变量存储倒计时的时间
        var maxtime=5;
        function CountDown() {
            //当时间变量大于零时执行这段代码，且时间变量减1 
            if (maxtime >0) {
                document.getElementById("timer").innerText = maxtime;
                maxtime = maxtime - 1;
            }
            //当时间变量为0时进行页面跳转，且停止计时器
            else {
                //停止计时器
                clearInterval();
                //页面跳转
                window.location = "/Member/Register.aspx";
            }
        }
        //页面加载
        onload = function () {
            setInterval(CountDown,1000 );
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="timer">

        </div>
    </form>
</body>
</html>