收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1566|回复: 10

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

[复制链接]
发表于 2014-6-3 23:33:12 | 显示全部楼层 |阅读模式
在网上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>
发表于 2014-6-4 08:48:41 | 显示全部楼层
<a href="javascript:void(0);" onclick="change(this)">Pause</a>

<script>
   var obj = document.getElementById('player-audio');
   function change(that){
      if(that.innerHTML == 'Pause'){obj.pause();that.innerHTML='Pause';}else{obj.play();that.innerHTML='Play';}

}
   

</script>
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-4 10:54:16 | 显示全部楼层

非常感谢,但是safari下无效。只能暂停,暂停后再点就没用了~~
回复 支持 反对

使用道具 举报

发表于 2014-6-4 10:57:01 | 显示全部楼层
传参,0或者1,庭或者放
回复 支持 反对

使用道具 举报

发表于 2014-6-4 10:59:12 | 显示全部楼层
具体这样,首先
  1. var i = 0;
  2. function change(){
  3. if(i==0){i=1;//停止}
  4. else if(i==1){i=0;//播放}
  5. }

复制代码
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-4 13:21:32 | 显示全部楼层

你好谢谢细心回复。
我找了一段代码,(如下)
但是有一个问题,这个我怎么改成播放的时候文字显示pause,暂停的时候文字显示play呢?~

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2014-6-4 14:02:05 | 显示全部楼层
我的代码报错了?在safari下?
回复 支持 反对

使用道具 举报

发表于 2014-6-4 14:02:28 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2014-6-4 14:03:00 | 显示全部楼层

<a href="javascript:void(0);" onclick="change(this)">Pause</a>

<script>
   var obj = document.getElementById('player-audio');
   function change(that){
      if(that.innerHTML == 'Pause'){obj.pause();that.innerHTML='Play';}else{obj.play();that.innerHTML='Pause';}

}
   

</script>
回复 支持 反对

使用道具 举报

发表于 2014-6-4 14:03:26 | 显示全部楼层
试试上面这个,早上的应该是有点反了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-4 14:19:11 | 显示全部楼层
mawen741 发表于 2014-6-4 14:03
试试上面这个,早上的应该是有点反了

实在太谢谢了。不胜感激!~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-6-3 06:50 , Processed in 0.093512 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表