JavaScript 点击声音 - Javascript

在网站中添加点击声效可以提高用户体验和互动性。在 JavaScript 中，可以使用 HTML5 中的 <audio> 元素和 new Audio() 对象来创建声音。

使用 <audio> 元素

使用 <audio> 元素可以在 HTML 页面中添加声音，可以通过 JavaScript 控制播放和停止。

<audio id="click-sound" src="click.mp3"></audio>

在 JavaScript 中，可以使用 play() 方法播放声音，使用 pause() 方法停止声音。

var clickSound = document.getElementById("click-sound");

clickSound.play(); // 播放声音
clickSound.pause(); // 停止声音

使用 new Audio() 对象

new Audio() 对象可以在 JavaScript 中创建声音，可以通过 play() 方法播放和停止。

var clickSound = new Audio("click.mp3");

clickSound.play(); // 播放声音
clickSound.pause(); // 停止声音

添加点击事件

可以在 HTML 元素上添加点击事件，当用户点击时触发事件并播放声音。

<button id="btn">Click me</button>
<audio id="click-sound" src="click.mp3"></audio>

var btn = document.getElementById("btn");
var clickSound = document.getElementById("click-sound");

btn.addEventListener("click", function() {
  clickSound.play();
});

总结

通过使用 HTML5 中的 <audio> 元素和 new Audio() 对象，可以在 JavaScript 中添加点击声音，并通过添加点击事件来提高用户体验和互动性。