首页 > 软件开发 > HTML >

HTML中怎样停止背景音乐

来源:互联网 2023-03-16 19:13:39 493

HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

方法/步骤

  • 1

    现在html页面创建一个audio元素,注意src写的音乐按下ctrl会提示音乐地址的才是能访问的到的音乐,如图hFw办公区 - 实用经验教程分享!

    HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

    HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

  • 1此文章未经许可获取自百度经验
  • 2

    创建2个button按钮来做播放和暂停,如图hFw办公区 - 实用经验教程分享!

    HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

  • 3

    创建按钮中设置的onclick的js方法,如图hFw办公区 - 实用经验教程分享!

    HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

  • 4

    使用audio.paused播放是否已暂停,如果暂停的就执行播放,如图hFw办公区 - 实用经验教程分享!

    HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

  • 5

    添加传进来的参数type,如果播放时在点击播放就不执行了,要不播放会被暂停,如图hFw办公区 - 实用经验教程分享!

    HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

  • 6

    打开页面就可以点击按钮看效果了,如图hFw办公区 - 实用经验教程分享!

    HTML中怎样停止背景音乐hFw办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!hFw办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码