javascript - 遍历歌曲数组html5音频

Question

播放完整个播放站点后，循环将在结尾处停止，但不会重新启动并将currentSong设置为1？我的阵列中有8首歌曲，它循环播放每首歌曲并播放它们，当它们结束时它们称为NextSong，但是当最后一首歌曲播放时，什么都没有发生。

function NextSong()
{
    alert("next song");
    document.removeEventListener('ended',NextSong);

    if(rewindClicked ==true)
    {
        currentSong--;
    }
    else
    {
        currentSong++;
    }

    if(currentSong > songList.length)
    {
        currentSong = 1; 
    }

    if(currentSong < 1)
    {
        currentSong = songList.length; 
    }

    songList[currentSong].play();
    rewindClicked = false;

    //song.addEventListener('ended', NextSong);
    songList[currentSong].addEventListener('ended', NextSong);
}

Answer 1

Arrary索引从0开始。

if(currentSong > songList.length)
{
    currentSong = 1;
}

songList[currentSong].play();

这部分允许currentSong恰好是数组的长度，这意味着songList[currentSong]尝试超出范围访问元素，这可能会在JavaScript错误控制台中看到。换句话说，如果数组中有8首歌曲，则songList[ 7 ]是最后一首。

将条件更改为:

if(currentSong >= songList.length)

同样，您可能需要更改

if(currentSong < 1)
{
    currentSong = songList.length; 
}

至

if(currentSong < 0)
{
    currentSong = songList.length - 1; 
}