javascript - 单击以移动到下一个变量

Question

如何通过单击从一个调用的变量移动到我编写了此代码但无法正常trench1工作trench2

var playthis = new Audio();
var trench1 = 'songs/example1.m4a';
var trench2 = 'songs/example2.m4a';
var trench3 = 'songs/example3.mp3';
i = 0;
$('.next').click(function(){
    playthis.src = trench + i++;
})

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

标签： javascriptjquery

Answer 1

您将要使用数组。

var trenches = [trench1, trench2, trench3];
var current_trench = 0;

$('.next').click(function() {
  playthis.src = trenches[current_trench++];
  if (current_trench >= trenches.length) current_trench = 0;
});