请问怎么把“暂停”和“播放”两个链接整合成一个啊??

2014-06-03 23:32:32 +08:00
 imSam
在网上down了段HTML5的MP3播放器,但是暂停和播放是两个链接,我想问下怎么能整合成一个链接。
默认是暂停,点击一次变成播放,再点还是暂停,以此类推啊~~
<a href="javascript:void(0);" onclick="document.getElementById('player-audio').pause()">Pause</a>
<a href="javascript:void(0);" onclick="document.getElementById('player-audio').play()">Play</a>
2542 次点击
所在节点    JavaScript
5 条回复
mengzhuo
2014-06-03 23:55:20 +08:00
简单的toggle,自己维护一个局部变量就好
Seita
2014-06-03 23:58:58 +08:00
五星级问题,坐等大神解答!
zakokun
2014-06-04 00:03:02 +08:00
我的理解中就是弄一个变量点一次就加1,判断是奇数还是偶数就醒了吧?
belin520
2014-06-04 00:03:13 +08:00
class="play(or pause)"

if($('a').hasClass('play')){
//pause
pause();
$(this).removeClass('play').addClass('pause');
}
....
....
...
g0thic
2014-12-01 17:06:20 +08:00
绑定一个函数
<a href="javascript:void(0);" onclick="musicPaused()">Play</a>

function musicPaused() {
var music = document.getElementById("clickMusic");
if (clickMusic.paused) {
clickMusic.play();
}
else {
clickMusic.pause();
}
}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/115668

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX