老师，多次点击‘开始按钮’使定时器叠加，点‘暂停按钮’很多次怎么也清除不了，这是什么原因

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 id="info">0</h1>
    <button id="btn1">开始</button>
    <button id="btn2">暂停</button>


    <script>
        var oInfo = document.getElementById('info');
        var oBtn1 = document.getElementById('btn1');
        var oBtn2 = document.getElementById('btn2');

        var a = 0;
        //全局变量
        var timer;

        oBtn1.onclick = function () {
            //为了防止定时器叠加，我们应该在设置定时器之前清除定时器
            // clearInterval(timer);
            //更改全局变量timer的值为一个定时器实体
            timer =  setInterval(function () {
                oInfo.innerText = ++a;
        },1000)
        };

        oBtn2.onclick = function () {
            clearInterval(timer);
        };
    </script>

啊聪聪 2022-10-17

源自：DOM 5-1 定时器和延时器（1）