网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

HTML中怎样停止背景音乐

时间:2024-10-15 04:44:40

1、现在html页面创建一个audio元素,注意src写的音乐按下ctrl会提示音乐地址的才是能访问的到的音乐,如图

HTML中怎样停止背景音乐HTML中怎样停止背景音乐

2、创建2个button按钮来做播放和暂停,如图

HTML中怎样停止背景音乐

3、创建按钮中设置的onclick的js方法,如图

HTML中怎样停止背景音乐

4、使用audio.paused播放是否已暂停,如果暂停的就执行播放,如图

HTML中怎样停止背景音乐

5、添加传进来的参数type,如果播放时在点击播放就不执行了,要不播放会被暂停,如图

HTML中怎样停止背景音乐

6、打开页面就可以点击按钮看效果了,如图

HTML中怎样停止背景音乐
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com