Question

我有一个延迟显示div。当div可见时，我想添加声音。我怎么能这样做？

＆＃13;

$(document).ready(function(){
    $(".deley").hide();
    setTimeout(function () {
        $(".deley").show();
    }, 5000);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="deley">TEXT</div>

＆＃13;

Answer 1

$(document).ready(function(){
    $(".deley").hide();
    setTimeout(function () {
        $(".deley").show();
        $(".audioPlayer")[0].play();
        
    }, 5000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="deley">TEXT</div>
<audio class="audioPlayer">
  <source src="horse.ogg" type="audio/ogg">
  <source src="http://op.50megs.com/house!.wav" type="audio/wav">
</audio>

Answer 2

最简单的方法是将它包含在您用来切换元素显示值的任何事件监听器中。

隐藏时（即calcMaterialSubtotal：

$(".deley").hide();

显示时（即$("#epicSound").pause(); $('#epicSound").currentTime = 0;）：

$('.deley').show()

您的代码：

    $("#epicSound").play();

当<div>可见时播放声音

2 个答案: