gpt4 book ai didi

javascript - 切换音乐的onClick图片

转载 作者:行者123 更新时间:2023-12-03 02:29:10 24 4
gpt4 key购买 nike

我想制作一个图像,当我单击它时,可以打开和关闭音乐。我准备使用jquery,javascript和/或bootsrap。
这是我的例子。

    <head>
<style>
#music{
display:hidden;
}
</style>
<img src="image url" id="image" onClick="function"/>
<audio src="music" id="music"></audio>

我已经有音乐了。

最佳答案

隐藏音频不会停止它。您需要做的是使用 audio.pause() audio.play()

您可以像这样创建一个切换功能:

var toggleSound = function() {
if (audio.paused == false) {
audio.pause();
} else {
audio.play();
}
};

并调用它,将 $("#music").toggle();替换为 toggleSound();
这是一个实时示例 http://jsfiddle.net/jTh3v/181/(我使用按钮而不是图像,但是相同)

关于javascript - 切换音乐的onClick图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32020606/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com