Question

我有一些代码，如果我点击“播放”按钮正在播放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>

希望你能帮助我。感谢。

Answer 1

好的，我想我明白了。

单击“播放”时，您希望播放器播放5秒钟，然后进入暂停模式。

试试这个：

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

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

clearTimeout(t)满足用户在5秒内再次点击播放按钮。如果没有clearTimeout(t)，行为就会出错 - 试一试。

Answer 2

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

关闭延迟jquery的mp3对象

2 个答案: