现场回顾
每次启动弹幕的时候会用setInterval产生一个定时器，每隔2秒产生一条新弹幕，一直循环。 当需要切换页面需要关闭页面时，使用clearInterval清理掉定时器，并且把已经产生的弹幕清空，简略代码如下：
let barrageTimer = null;
// 循环生成弹幕，每次调用生成一条弹幕
function barrageStart() {
barrageTimer = setInterval(()=>{
createBarrage();
},2000);
}
// 关闭弹幕，并清理已生成的弹幕
function barrageEnd() {
clearInterval(barrageTimer);
barrageList = [];
}
// 小程序页面每次载入时调用
onShow() {
barrageStart();
}
// 小程序页面隐藏或切换后台时调用
onHide() {
barrageEnd();
}
当我写完这段代码时，自信满满，觉得运行起来一定没问题，结果呢...... 页面里的弹幕定时器还在欢快地跑着，丝毫没有收到clearInterval的影响...... 可以说是很气人了，但是还是要保持微笑...
问题总结
查询 MDN 后，明确setInterval被执行后其实会返回一个定时器的id，每生成一个定时器都会返回其id，相当于每次进入页面的时候，都产生了一个定时器，当页面快速切换的时候，有可能clearInterval还没有把本次页面产生的定时器清除，barrageTimer又被新的定时器id给覆盖了，造成总有定时器在跑的结果。 想要解决这个问题也很简单，在产生新的定时器前，检查下，只要有旧的定时器id，再停止一次，防止定时器id相互覆盖即可。
