関数を2回だけ呼び出す

Question

2回だけ使用できるボタンを作成したいのですが、後でそれを無効にすることができます。今のように、私はこの点を得たが、今私はあなたの助けのための

<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++; 
});