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

最新推荐文章于 2023-09-02 02:02:23 发布

时而有事儿

最新推荐文章于 2023-09-02 02:02:23 发布

阅读量2.2k

点赞数

文章标签： javascript 前端

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

版权

这是一个使用HTML和JavaScript实现的简单示例，通过按钮来控制循环的开始和停止。点击开始按钮启动定时器循环，每100毫秒打印'循环'到控制台。当停止按钮被点击时，会清除定时器，停止循环。这个功能可用于抽奖程序或其他需要控制流程的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<!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>