用延迟 jquery 关闭 mp3 对象答案

【问题标题】：close mp3 object with delay jquery用延迟 jquery 关闭 mp3 对象
【发布时间】：2023-03-22 10:09:01
【问题描述】：

我有一些代码，如果我单击“播放”按钮正在播放 mp3 按钮。问题是我需要在 5 秒后暂停 mp3。我已经尝试了网上所有的方法，但没有得到任何解决方案。

这是我的代码：

<script>
            $(document).ready(function() {
                $("#play").click(function() {
                    $("#id1").play().delay("slow").pause();
                });
            });
        </script>
    </head>
    <body>
        Car 1:<input type="checkbox" id="checkbox" />
        Car 2:<input type="checkbox" id="checkbox2" />
  <br/><br/>
  <input type="button" value="hey you" id="do" /> 
  <audio id="id1" src="mp3.mp3"></audio>
  <button onClick="document.getElementById('id1').play()" id="play">Play</button>
  <button onClick="document.getElementById('id1').pause()" id="stop">Stop</button>
</body>

希望你能帮助我。谢谢。

【问题讨论】：

您想让播放按钮的响应速度变慢吗？！
刚刚做了一个jsFiddle来展示解决方案：jsfiddle.net/Dy3su

标签： javascript jquery delay settimeout

【解决方案1】：

好的，我想我明白了。

点击“播放”后，您希望播放器播放 5 秒连发然后进入暂停模式。

试试这个：

var t, player = $("#id1");

$("#play").click(function() {
    clearTimeout(t);
    player.play();
    t = setTimeout(function() {
        player.pause();
    }, 5000);
});

clearTimeout(t) 迎合用户在 5 秒内再次点击播放按钮。如果没有clearTimeout(t)，行为将是错误的 - 试试吧。

【讨论】：

【解决方案2】：

使用window.setTimeout() 在 5 秒后触发另一段代码。见http://www.w3schools.com/jsref/met_win_settimeout.asp

【讨论】：