如何将Vue轮播图实现为长尾词形式的帧率播放？

本文共计795个文字，预计阅读时间需要4分钟。

原文示例：本文字例为大型分享了一篇关于Vue实现轮播图帧率播放的具体代码，供大家参考。具体内容如下：需求：传入一个数组，数组中的是目录名称，通过本目录名称，读取文件目录下的所有图片。

代码：javascript// 传入目录名称数组const dirNames=['image1', 'image2', 'image3'];

// 读取图片function readImages(dirNames) { const images=[]; dirNames.forEach(dirName=> { const imageDir=`${dirName}/*.{jpg,png,gif}`; const files=fs.readdirSync(imageDir); files.forEach(file=> { images.push(`${dirName}/${file}`); }); }); return images;}

// 调用函数const imageList=readImages(dirNames);console.log(imageList);

本文实例为大家分享了vue实现轮播图帧率播放的具体代码，供大家参考，具体内容如下

需求

传入一个数组，数组中放的是目录名称，通过本目录名称，读取文件目录下的所有图片，并循环播放，形成一个每1s播放多少张图片的效果，最后目录播放完毕后，在跳到第一个目录循环播放。

核心: 用 webpack的一个API require.contex读取目录下的文件名,具体想了解的可以查一查。