阵列工作正常，但音频无法启动

Question

我声明了三个变量并将它们放到数组中，当第一个音频开始运行良好，但是当我单击.next按钮时，它控制台了trench2变量，但是如果我单击.next仍会重新启动第一个音频再次控制台trench3，但播放trench2。您能帮我解决这个问题吗，而不是先两次玩trench才能正确进入trench2和trench3。

var playthis = new Audio();
var trench1 = 'songs/Chlorine.m4a';
var trench2 = 'songs/Astrix.mp3';
var trench3 = 'songs/dro.mp3';
var trenches = [trench1,trench2,trench3];
var current_trench = 0;   
playthis.src = trenches[current_trench];             
$('.next').click(function(){
    playthis.pause();
    playthis.src = trenches[current_trench++];
    console.log(trenches[current_trench]);
    playthis.play();
}

<button class="next"><i class="fas fa-caret-right"></i></button>

Answer 1

current_trench++返回current_trench的当前值，然后将其递增。 您要使用的是++current_trench，它首先递增，然后返回递增的值。

playthis.src = trenches[++current_trench];