javascript 递归调用对象方法

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 5 年前。

Improve this question

我的问题与播放功能有关。我怎么称呼这个Player.play()方法递归调用？ Using this.player.play()不管用。

function Player(playlist){
  open:function(){
    //doing some stuff here
  }
  play:function(){
    if(picture){
      //document.getElementById("img").src =playlist[n]

    }

  }
}
var player = new Player([link1, link2, link3]);
document.getElementById("play-btn").addEventListener("click", player.play())

Answer 1

首先，您的语法是函数和类的组合，您可以使用如下类:

 class Player {
   constructor(links,element){
     this.images = links;
     this.position = 0;
     this.element = element;
   }
   //...
}

然后您可以设置一个接一个显示图像的间隔:

next(){
 this.element.src =  this.images[
    this.position = (this.position + 1) % this.images.length
 ];
}

play(){
 if(!this.interval) this.interval = setInterval(_=>this.next(),1000);
}
stop(){
  clearInterval(this.interval);
  this.interval = null;
}

现在你可以做:

 var player = new Player(
   ["1.jpg","2.jpg","3.jpg"],
   document.getElementById("img")
 );

 document
   .getElementById("play-btn")
   .addEventListener("click", _=>player.play());