Javascript 使用js根据fps更改文件名

假设我有500张名为0001.jpeg到0500.jpeg的图像。我希望这些图像变化得如此之快，以至于图像的变化显示为视频。每秒要更改的图像数为25

<img src="0001.jpeg">

所以我需要这个src每秒更改25次，并且应该使用increment自动更改文件名。 请使用香草js。 提前感谢

HTML：

<img id="foo" src="0001.jpeg">

可以使用创建具有特定FPS的循环。每次迭代都可以更新图像的src。通过加入（%），我们可以保持“视频”循环

添加可确保有时间在屏幕上绘制新图像

请注意，如果图像太大，将没有时间正确显示它们

const FPS=25；
const-TOTAL_-IMAGES=500；
设指数=1；
const img=document.querySelector（“img”）；
常量pad=（num）=>num.toString（）.padStart（4，“0”）；
const intervalID=setInterval（（）=>{
索引=（索引+1）%；
const src=`${pad（index）}.jpeg`；
requestAnimationFrame（（）=>img.setAttribute（“src”，src））；
console.log（src）；
}，1000/帧）；
//要停止循环，可以调用'clearInterval（intervalID）`

var el = document.getElementById('foo');
var src = 1;
var intervalID = window.setInterval(changeSource, 40);

function changeSource()
{
    var current = src++;
    el.src = String("0000" + current).slice(-4) + '.jpeg';
}