JavaScript定时器越走越快的问题

之前在项目中写了定时器来做循环播放，但是总是会有越走越快的问题，开始是以为前后的HTML代码拼接的有问题，时间紧急的情况下反复改了很多也没什么效果，后来发现是js定时器的问题，在这里记录一下。

（setinterval）多次初始化

使用js定时器（setinterval）首要的问题就是要记得清除，即调用（clearInterval）方法，由于没有使用定时器的经验，我一开始是没有清除定时器，程序每一次初始化的时候都调用一次定时器，之前的定时器实例没有被销毁，新的定时器又开始执行，就会出现1s变0.5s，0.5s变0.25秒的情况，从观感上来看就是定时器“越走越快”了。

这个过程可以用几行简单的代码模拟一下

<label id="lblShowNum"></label>
<input type="button" id="btnStart" value="启动" />
<input type="button" id="btnClear" value="清除" />

window.onload = function () {
    var i = 0;
    var timer;
    document.getElementById("btnStart").onclick = function () {