如何在每次将新div附加到div时播放声音/警报？
在每次将新div附加到div时播放声音/警报，可以通过以下步骤实现：
- 首先，需要在前端开发中使用JavaScript来实现这个功能。可以使用HTML的
appendChild()方法将新的div元素添加到目标div中。 - 在添加新div之前，可以使用HTML5的
<audio>元素来嵌入声音文件。可以选择合适的声音文件，如.mp3、.wav等格式，并将其嵌入到HTML中。 - 在JavaScript中，可以使用
createElement()方法创建一个新的div元素，并设置其属性和内容。 - 在将新div添加到目标div之后，可以使用JavaScript的
play()方法来播放嵌入的声音文件。可以通过获取嵌入的音频元素并调用其play()方法来实现。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Play Sound on Appending New Div</title>
</head>
<body>
<div id="targetDiv">
<!-- Existing div elements -->
</div>
<audio id="sound">
<source src="sound.mp3" type="audio/mpeg">
<!-- Add additional source elements for different audio formats -->
</audio>
<script>
function appendNewDiv() {
// Create a new div element
var newDiv = document.createElement("div");
newDiv.innerHTML = "New Div";
// Append the new div to the target div
var targetDiv = document.getElementById("targetDiv");
targetDiv.appendChild(newDiv);
// Play the sound
var sound = document.getElementById("sound");
sound.play();
}
// Call the appendNewDiv function whenever needed
appendNewDiv();
</script>
</body>
</html>在上述示例中，我们首先在HTML中定义了一个目标div（id为"targetDiv"），用于添加新的div元素。然后，我们使用<audio>元素嵌入了一个声音文件（id为"sound"），并设置了适当的音频源。
在JavaScript中，我们定义了一个名为appendNewDiv()的函数，用于创建新的div元素并将其附加到目标div中。在添加新div之后，我们获取嵌入的音频元素，并调用其play()方法来播放声音文件。
请注意，这只是一个简单的示例，你可以根据实际需求进行修改和扩展。另外，关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议你参考腾讯云的官方文档和产品页面，以获取相关信息。
相关·内容
我有一个不断添加divs的div。使用inspect元素，我能够确定这些新附加的div是由类名xyz标识的。 如何在每次附加新的div时播放声音？
浏览 18提问于2021-06-24得票数 0
1回答
每当用户收到新的通知时，我都会尝试播放声音。$container.load('notify.php'); });这是通过使用PHP代码发送的任何数字更新div我有另一段代码，它检查div内容何时更改，然后创建一个警报框(脚本完成后，我将更改为播放声音)：
var myElement = document.getElementBy
浏览 0提问于2014-10-27得票数 2
回答已采纳
我在Ubuntu17.04中使用了默认的警报声音。当我升级到17.10，同样的声音播放。当尝试不同的声音设置时，我点击了一个声音，现在我听到了那个声音+旧的声音。如果我设置“警报音量”关闭，显然没有声音。如果我把它打开，我会听到两个声音。
📷
浏览 0提问于2017-11-25得票数 6
2回答
所以，我使用的是firebase，每次有新的项目出现在我的回收器视图中，我都想发出声音。我所做的是放置一个接口，该接口将在每次新的绑定occours时启动 inner class ProductViewHolder(itemView: View) : BaseViewHolder但是当我滚动时，很明显onBind会再次触发，所以我正在寻找一种方法，只要有新项目出现在回收视图中，就会播放这个声音，而不是总是在绑定的时候
浏览 4提问于2020-04-23得票数 1
1回答
我正在为那些想要在他的网站上有一个声音云播放器，但希望它的皮肤上看起来集成到网站的人建立一个网站。目前，我正在使用一个脚本，它将在隐藏的div (自动播放)中创建一个iframe元素，当选择播放一个新项目时，它会清除div，并将其替换为新的iframe元素。
不过，该项目的下一阶段需要更多的集成。我一直在搜索javascript声音云集成，但它提供的似乎是创建一个简单的链接，它将播放和暂停曲目(仅在用户请求时
浏览 3提问于2012-11-20得票数 1
回答已采纳
1回答
我有一个图像，我每次在屏幕上显示时都会附加声音。播放声音的代码： $('#imgLoadedSound').get(0).play();图片
浏览 0提问于2012-12-23得票数 0
1回答
我正在寻找一个声音自动播放时，一个给定的词出现在屏幕上。
这个单词可能嵌入到一个新的div ID中，所以我不是监视特定的DOM对象更改，而是监视最终出现在屏幕上的字符串/新单词。简而言之，我正在寻找一个JS，每次“客户”这个词出现在屏幕上时都会播放声音。到目前为止，我已经尝试过这段代码(从其他人那里复制)，每次页面重新加载时，它都会播放声音</e
浏览 2提问于2017-02-14得票数 0
我想使用jquery制作节拍器，使用单击声音和颜色来可视化节拍器的速度。在这一点上，视觉部分工作良好，但我对声音有问题。 $("#bpmshow").text("bpm: " + ui.value); });});<divid="bpm"></div>
&l
浏览 1提问于2012-01-13得票数 0
回答已采纳
现在，我有三个样本(踢，拍手，帽子)，组成一个简单的鼓声拍打时，按下一个播放按钮。我的问题是：
&l
浏览 0提问于2013-11-21得票数 1
回答已采纳
2回答
我被困在让音效及时播放上。我一直在使用下面的代码，这是我在网上找到的，背景音乐播放得很好。然而，当我使用"playSoundEffect“方法时，它在第一次运行正常，但随后开始滞后，变得不同步。我猜这是因为它每次都会初始化一个AVAudioPlayer。有没有人知道如何在播放背景音乐的同时及时播放音效？谢谢!
浏览 16提问于2014-11-19得票数 0
1回答
暂停使用脚本混合云
、、、
在节目的循环中，每个节目都有一个播放按钮，可以打开带有mixcloud iframe的弹出窗口。 播放按钮如下所示： <?php if (!empty($showurl)) { ;?autoplay=1&feed=%2Fjohncasey1048554%2F[replace_me]%2F" frameborder="0" ></iframe></div></div></div
浏览 8提问于2019-01-18得票数 1
回答已采纳
2回答
我希望创建声音按钮。并实现了它，因此按钮是div的，并从MySQL DB动态创建。这就是我尝试过的。声音播放正常，但未触发onended函数。>];
$('div.ci').click(func
浏览 0提问于2016-08-31得票数 1
我在一个页面上有一个div元素，当某些事件发生时，它会添加其他div。我不知道这些事件何时发生，它们是如何触发的，以及其他div是如何添加到主div中的(它是外部的，所以我不知道发生了什么，我只能访问div)。如何“监控”对主div的更改，以便在添加新div时触发事件？我知道我可以使用setInterval (这就是我现在正在做的)，但除非必要，否则我真的不想使用它。>
</b
浏览 0提问于2011-10-01得票数 0
当我执行Find时，如果它找不到选定的文本，并且当它将搜索换到顶部时，它会发出蜂鸣声。
能不能把那个嘟嘟声关掉？我已经搜索了互联网和首选项窗格，但都无济于事。
浏览 0提问于2008-12-01得票数 14
为什么点击播放可以播放声音，点击播放却没有声音？？"sound.mp3"] Sounds.play() } return ( <button onClick={this.SoundPlay}>play</butt
浏览 0提问于2019-02-26得票数 6
1回答
我正在使用卷轴，它将使用户每次滚动到一个新的节/卡。然后，当用户滚动到一个新的部分时，它会删除并将可见的内容添加到下一节。我正在动画的基本内容，如英雄文本等，为每一节。{}
这是有效的，所以当我滚动到动画播放的每一页时，现在它似乎只能在加载整个页面时工作一次，仅此而已。第一个
浏览 0提问于2018-09-09得票数 0
回答已采纳
1回答
我正在尝试将收藏列表添加到配音板中(我已经准备好了本地存储的东西)。我的音频工作方式是从按下的按钮中获取ID，并将.mp3添加到其中，然后播放它，这是可行的。我有一个代码，当你按下一个按钮时，它会得到它的ID并创建另一个按钮，将这个ID插入其中，这个ID应该像其他按钮那样播放声音，但它没有。有什么想法吗？代码实际上是相同的，但是当.append创建按钮时，它似乎没有播放声音。span>
浏览 2提问于2017-10-06得票数 0
回答已采纳
尝试使用现有函数将onclick事件添加到div evelment中，该函数在按下某个键时播放声音 <div data-key="
浏览 9提问于2019-07-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
