歌词滚动异常

Question

黄老师，我按照您的代码试了下，然而发现还是有一个问题比较疑惑，现在是有这么一个现象发生，我播放一个歌曲，将它拖动一段儿，然后再疯狂向前切，它就会有来回显示的滚动情况，一会儿头一会儿尾，而且暂停的时候还是会有滚动。不知道是什么原因了。初步分析可能和currentLyric的play方法有关系，但是不完全确定。还请老师帮忙看一下原因在哪，多谢了。这个不好截图，勉强看下吧。

Answer 1

ustbhuangyi 2019-07-08 10:55:33

本质上还是因为你多次切换歌曲启动了多个定时器，所以每次启动之前要清空上一个。

PS. 我发现你的代码还是比较旧的，可以再仔细看看最新版本 player.vue 的实现，从模板到 JS，都做了很多优化。可以通过 GitHub 的 history 可以查看相关代码提交记录。

• 提问者 雪落无痕2018 #1

  多谢老师。我现在想着的就是跟着您的老视频先做一遍，版本尽量保持一致，先熟悉下思路，然后再看您优化的地方，慢慢琢磨，最后自己争取能完整的写一遍。您说的我会对比着去做的，多谢您了，费心了

Answer 2

ustbhuangyi 2019-07-06 21:45:03

首先建议去对比一下源码逻辑，源码应该没这个问题。如果你尝试解决后仍然找不到原因，那么把代码传到 GitHub 上，在 ReadMe 里写清详细稳定复现步骤，我抽空帮你看看。

• 提问者 雪落无痕2018 #1

  好的，老师，我先把问题排查排查，仔细比对下看看啥原因看看，实在弄不懂我再发地址

• 提问者 雪落无痕2018 #2

  有点搞不定，复现的步骤就是，我播放一首歌的时候，拖动了滚动条，然后往下疯狂的切歌，就会有这种来回滚的错误。老师您有空帮忙查一下问题吧，现在目前大部分功能都没问题，但是这个细节，我有点不太清楚为啥。地址给您：https://github.com/FrankWang19931009/music-test/invitations