【JavaScript】一个按钮实现setInterval开始与暂停

最新推荐文章于 2023-11-27 11:19:34 发布

香蕉派妹

最新推荐文章于 2023-11-27 11:19:34 发布

阅读量1.5k

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/Ligo106/article/details/129068464

版权

html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一个按钮实现setInterval开始与暂停</title>
</head>
<body>
	<button id="start" onclick="startAndStop()">开始与暂停</button>
</body>
</html>

js：

<script type="text/javascript">
	var intervalId;
    var i = 0;
    var count = 0;
    
    function startAndStop() {
        if (i % 2 === 0) {
            intervalId = setInterval(function() {
                count += 1;
                //这里写需要重复执行的方法
            }, 2000)
        } else {
            clearInterval(intervalId);
        }
        i++;
    }
</script>