HTML5音频播放多次

Question

var audio = new Audio('click.mp3'); 
$("nav li").mouseover(function() { 
    audio.play(); 
}).mouseout(function() { 
    audio.pause(); 
}); 

这里是我的代码，悬停的音频文件播放很多次，我想知道如何添加，使其悬停很多时候不是只播放一次

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