javascript - 在html5中使用暂停和播放按钮 - Thinbug

在html5中使用暂停和播放按钮

时间：2015-03-30 04:54:26

标签： javascript css html5

<table>
    <tr>
        <td><div id="a">&#65;</div></td>
        <td><div class="n">&#78;</div></td>
        <td><div id="t">&#84;</div></td>
    </tr>
</table>

的脚本

function animateat() {
  document.getElementById('audioTag1').play();
      document.getElementById('audioTag1').play();
      $("#a").animate(
            { "top": "300px", "color": "white" },
             2000, function () {
                $("#t").animate({  "top": "300px", "color": "white"      
},
                 2000,function () {
                $("#t").animate(
          { "left": "760px" },1000);
}
);
}

的 HTML

<body onload="animatepaapa();">
<audio id="audioTag1" src="paara.wav" preload="auto">
<code>audio</code>

我正在使用 HTML5，CSS和JS 开发场景，如上所示，我想使用播放，暂停以及重播按钮。

如果有办法请建议我。

1 个答案:

答案 0 :(得分：0)

/*script*/
$(document).ready(function() {
$("#stop").click(function() {
$("#a").stop(true,false);
$("#t").stop(true,false);
}); 
$("#start").click(function() {
 animateat();
}); 
});

/*html*/
<input type="button" id="start" value="start"/>
                            <input type="button" id="stop" value="stop"/>

它对我有用并满足了我的要求。谢谢。