js 按钮控制循环的开始和停止

最新推荐文章于 2024-01-26 00:05:18 发布

时而有事儿

最新推荐文章于 2024-01-26 00:05:18 发布

阅读量2k

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/w981912536/article/details/126400932

版权

按钮控制循环开始和停止，直接上代码。可以用来抽奖或者按钮控制循环那些。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<button onclick="start()">开始</button>
<button onclick="stop()">停止</button>
<script>

    var state1 = false;
    function getState1() {
        return state1;
    }
    function setState1(state2) {
        state1 = state2;
    }

    function stop() {
        setState1(true);
        console.log("停止循环")
    }

    function start() {
        var timer = setInterval(function () {
            console.log("循环");
            var state3 = getState1();
            if (state3) {
                clearInterval(timer);
            }
        },100);
    }

</script>
</body>
</html>