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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4398 days ago, the information mentioned may be changed or developed.

在网上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 replies • 2014-12-01 17:06:20 +08:00

mengzhuo

Jun 3, 2014

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

Seita

Jun 3, 2014

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

zakokun

Jun 4, 2014 via iPad

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

icanfork

Jun 4, 2014

class="play(or pause)"

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

g0thic

Dec 1, 2014

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

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