Функция вызова только дважды

Question

Я хотел бы создать кнопку, которая может использоваться только дважды, и которая впоследствии отключает себя. На данный момент, я получил эту точку, но теперь я застрял ..

<audio id="buzzer" src="https://xxx.mp3" type="audio/ogg"></audio>  
<input type="button" value="Start" id="start" /> 

<script type="text/javascript">  
    var buzzer = $('#buzzer')[0]; 

    $('#start').on('click', function() { 
     $('#buzzer').get(0).play(); 
    }); 

    $('input:button').click(function(){ 
     $('input:button').attr("disabled", true); 
    }); 
</script> 

Спасибо за вашу помощь ..

Answer 1

Вы просто должны подсчитать, как часто уже была нажата кнопка и вывести его из строя после того, как 2 клика.

Этот фрагмент кода отлично работает для меня:

var buzzer = $('#buzzer')[0], clicks = 0; 
 

 
$('#start').on('click', function() 
 
{ 
 
    $('#buzzer')[0].play(); 
 
    clicks++ 
 
    if(clicks == 2) 
 
    { 
 
    $(this).attr("disabled", "disabled"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<audio id="buzzer" src="https://xxx.mp3" type="audio/ogg"></audio>  
 
<input type="button" value="Start" id="start" />

Answer 2

Вы должны создать счетчик.

Смотрите этот пример:

var maxclick=2; 
 
var countclick=0; 
 

 
$(".mybtn").click(function(){ 
 
    countclick++; 
 
    majBtn(); 
 
    if(countclick>= maxclick) 
 
    { 
 
    $(this).prop("disabled",true); 
 
    } 
 
}); 
 

 
$(document).ready(function(){ 
 
    majBtn(); 
 
}); 
 

 
function majBtn() 
 
{ 
 
    var countdown = maxclick-countclick; 
 
    $(".mybtn").text("Click me "+countdown) 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="mybtn">Click me</button>

Answer 3

Это может помочь вам ..

var clicks =1; 

var buzzer = $('#buzzer')[0]; 

$('#start').click(function(){ 
if(clicks<2){  
    $('#buzzer').get(0).play();   
} 
else{ 
    $('input:button').attr("disabled", true); 
} 
clicks++; 
});