VUE中利用setTimeout写循环播放效果

最新推荐文章于 2024-06-20 16:28:03 发布

跳动的世界线

最新推荐文章于 2024-06-20 16:28:03 发布

阅读量837

点赞数

分类专栏：开发DEBUG记录文章标签： javascript

本文链接：https://blog.csdn.net/Beatingworldline/article/details/120672584

版权

本文介绍了如何在Vue中利用setTimeout实现音频循环播放的效果。通过设置定时器在1000毫秒后触发，确保定时器生效后再清除，以达到循环播放音频的目的。当用户点击停止时，可以有效停止循环播放。

摘要由CSDN通过智能技术生成

产品的需求：一个音频对象数组，用户点击播放，从第一个开始每个播放一次循环，点击停止时停止循环播放。

不多废话直接上代码


        // 从选中单词开始循环播放音频  查询store值 为0从1开始  循环中定时调用子组件方法
        audioOn(flag){
   
        	// 播放与停止播放按钮切换显示的控制器  可忽略
            this.clickShow = !this.clickShow
            // 这里利用vuex来记录当前数组中播放到了哪一位的次序(含页面效果需求)
            let checkedBlockIndex