javascript - 如何使用一个标签来执行2个不同的js函数？

Question

如何设置一个图像，单击时更改为另一图像，然后再次单击时恢复到原始图像，同时仍然独立执行功能。在我的示例中，我想要一个播放按钮，按下该按钮后会变成暂停按钮。

但是，当按下正确的按钮时，我需要同时具有播放和暂停功能。这些按钮可以执行不同的操作，但我希望一个按钮具有所有功能。我尝试了一些方法，但每次播放/暂停功能之一都不允许另一个功能工作。

  $('#startSlider').click(function (){
    if (document.getElementById("startSlider").src = "Play.png"){
     document.getElementById("startSlider").src = "Pause.png";
     scrollSlider();
    }
    else if (document.getElementById("startSlider").src != "Play.png"){
     clearTimeout(tmOt);
     document.getElementById("startSlider").src = "Play.png";
    }
  });

<小时/>

<img src="Play.png" id="startSlider"/>

Answer 1

问题出在您的 if block 中，您使用的是 = 而不是 ==

if (document.getElementById("startSlider").src = "Play.png"){// you are assigning here not comparing

每次点击图像时，您都会分配play.png。

<小时/>

你正在使用jquery那你为什么不使用this让事情变得更简单。

$('#startSlider').click(function (){
   if (this.src == "play.png"){
       this.src = "pause.png";
    }else{
    this.src = "play.png";
    } 
});

check this fiddle