HTML中怎样停止背景音乐

 时间:2026-02-15 13:29:17

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

HTML中怎样停止背景音乐

HTML中怎样停止背景音乐

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

HTML中怎样停止背景音乐

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

HTML中怎样停止背景音乐

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

HTML中怎样停止背景音乐

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

HTML中怎样停止背景音乐

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

HTML中怎样停止背景音乐

  • HTML怎么实现网页跳转
  • html怎么跳转到其他html
  • 实现整个html居中最简单方法
  • 如何在HTML中插入图片
  • HTML中引入css和js的方法
  • 热门搜索
    冬天旅游去哪里 丽江旅游指南 辽宁省旅游景点大全 漳州东山岛旅游攻略 上海旅游租车 云南旅游介绍 兴城旅游 武夷山旅游网 冬天去哪旅游 马来西亚旅游注意事项