当我单击按钮时，我的变量不会增加

Question

我正在尝试制作一个按钮，以更改在后台播放的歌曲。我将歌曲0、1、2、3.ogg命名，并将它们放入我的主目录中。但它在1次后不起作用。因此，当其播放0.ogg并单击时，它会更改。但是在我再次单击之后，var保持在1，并且歌曲没有改变

我尝试了++ var和var ++以及其他一些小事情

function SongChange(){

      var prefix = 0;

      var song = prefix + ".ogg";

      ++prefix;

      document.getElementById("audio").pause();

      document.getElementById("audio").setAttribute('src', song);

      document.getElementById("audio").load();

      document.getElementById("audio").play();

      console.log(prefix);

    }

Answer 1

每次调用该函数时，++prefix都会递增prefix…但运行该函数时发生的第一件事就是var prefix = 0;将其设置为0！移动var prefix = 0;到函数外部，这样就不会在0每次调用函数时都将变量设置为。