2016-08-19 19 views
1
var audio = new Audio('click.mp3'); 
$("nav li").mouseover(function() { 
    audio.play(); 
}).mouseout(function() { 
    audio.pause(); 
}); 

ここで私はそれがホバーに一度だけ再生するにするために追加するかを知りたくない何度HTML5オーディオ再生に何回

+0

かもしれませんが、ホバー上のオーディオファイルを何度も演じて、私のコードですhttps://api.jquery.com/event.stoppropagation/ – mattfetz

+0

を伝播している場合は、mouseoverの代わりにmouseenterを使用できます –

答えて

1
var audio = new Audio('click.mp3'); 
var hasBeenPlayed = false; 
$("nav li").mouseover(function() { 
    if(!hasBeenPlayed) { 
    audio.play(); 
    hasBeenPlayed = true; 
} 
}).mouseout(function() { 
    audio.pause(); 
    hasBeenPlayed = false; 
}); 
関連する問題