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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 4248 天前的主题，其中的信息可能已经有所发展或是发生改变。

在网上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>

暂停

整合

播放

5 条回复 • 2014-12-01 17:06:20 +08:00

mengzhuo

2014 年 6 月 3 日

简单的toggle，自己维护一个局部变量就好

Seita

2014 年 6 月 3 日

五星级问题，坐等大神解答！

zakokun

2014 年 6 月 4 日 via iPad

我的理解中就是弄一个变量点一次就加1，判断是奇数还是偶数就醒了吧？

icanfork

2014 年 6 月 4 日

class="play(or pause)"

if($('a').hasClass('play')){
//pause
pause();
$(this).removeClass('play').addClass('pause');
}
....
....
...

g0thic

2014 年 12 月 1 日

绑定一个函数
<a href="javascript:void(0);" onclick="musicPaused()">Play</a>

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