本文主要是介绍JS实现可以控制的定时器，setInterval，clearInterval，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
JS实现可以控制的定时器，setInterval，clearInterval
效果展示
概述
简介：本文通过JavaScript中的语法讲解，js是如何实现定时器的开启与停止的。
学习代码：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body><button class="begin">开启定时器</button><button class="stop">停止定时器</button><script>// 首先获取元素var begin = document.querySelector('.begin');var stop = document.querySelector('.stop');var timer = null; // 全局变量 null是一个空对象// 给begin按钮添加事件begin.addEventListener('click', function() {// 给timer函数赋值timer = setInterval(function() {console.log(new Date()) }, 1000);})// 给stop按钮添加一个清空Inteterval的事件stop.addEventListener('click', function() {clearInterval(timer);})</script>
</body></html>
这篇关于JS实现可以控制的定时器，setInterval，clearInterval的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
