Question

我已经创建了一个javascript来在音频结束后更改音频。

var songlist = new Array("a.mp3", "b.mp3", "c.mp3", "d.mp3", "e.mp3", "f.mp3");
var dir = "music/";
var curr_track = 0;
var isfirstrun;

function start()
{
    if(curr_track == songlist.length)
        curr_track = 0;
    var track = document.getElementById('track');
    track.innerHTML = curr_track;
    var audio = document.getElementById('audio');
    isfirstrun = true;
    audio.src = dir+songlist[curr_track];
    audio.load();
    audio.play();
    if(isfirstrun == true)
    {
        audio.addEventListener('ended', function(){ curr_track++; start();}, false); 
        isfirstrun = false;
    }
}

在HTML中，

<body onload="start();">

代码中使用的track是显示当前曲目编号是什么，我发现输出是

0    then    1    then     3     then    7

因此，它c.mp3中缺少e.mp3，f.mp3和songlist。

如何解决循环问题？

Answer 1

每次歌曲结束时，您都会添加另一个事件处理程序。这就是为什么你看到+ 1，+ 2，+ 4等等，因为事件处理程序的数量每次翻倍。

这是我更喜欢使用audio.onended = function() {curr_track++; start();};

的主要原因

但无论如何，为了解决这个问题，你要做的就是拥有一个“isfirstrun”变量，从true开始，然后只添加事件监听器（如果为真）并将其设置为false。

循环不能正常工作

1 个答案: