请问为什么多次点击开始添加了多个计时器，变量名是相同的为什么没有覆盖，那多次点击暂停还是无法把这些计时器删除了呢？

    <h1 id="info">0</h1>

    <button id='btn1'>开始</button>

    <button id='btn2'>暂停</button>

    <script>

​ 

        var info=document.getElementById('info');

        var btn1=document.getElementById('btn1');

        var btn2=document.getElementById('btn2');

        var a=0;

        // 设为全局变量

        var timer;

        btn1.onclick=function(){

            timer=setInterval(function(){

                info.innerText=++a;

            },1000);

        }

        btn2.onclick=function(){

            clearInterval(timer);

        }