jquery播放进度条插件,可拖动

所属分类:UI-加载

 52550  377  查看评论 (35)
分享到微信朋友圈
X
jquery播放进度条插件,可拖动 ie兼容9

使用方法

导入jquery-PlayBar.js或者jquery-playBar.min.js

导入barstyle.css

先准备一个需要显示进度条的容器,例如

<div clas="test"></div>

初始化:

$.playBar.addBar($('.test'),1000*64);//第一个参数是需要显示播放器的容器,第二个参数为时间,单位毫秒
$.playBar.changeBarColor("#F60");//设置进度条颜色
$.playBar.changeFontColor("#fff")//设置时间颜色
$.playBar.stop()//进度条停止
$.playBar.Begin()//进度条开始
$.playBar.restTime(1000)//重新设置时间,并重新开始播放
var t=$.playBar.getTheTime()//获得当前的时间


相关插件-加载

jQuery局部加载

一个页面有多个接口请求时,接口返回的速度不一样,可以将所有接口返回后分开渲染,先返回的先渲染
  加载
 22787  307

jQuery横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 33235  326

精美进度条

色彩绚丽的进度条,代码简单,动画感强
  加载
 41637  390

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 64902  406

讨论这个项目(35)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    陌路……『朦胧』 0
    2020/7/22 10:58:51
    禁止拖动如何做 回复
    真实QQ 0
    2020/3/19 21:59:26
    拖动进度条后的响应事件怎么加?
        八月出生。0
        2023/2/13 10:54:15
        你最后设置了吗
    回复
    Number 0
    2019/12/17 16:22:11
    不错不错
        Lijiancong0
        2019/12/31 9:28:00
        我的JQ币呢
        ?0
        2022/3/2 13:08:32
        😀
    回复
    禾刂 子 小 0
    2019/6/14 15:47:11
    能不能兼容移动端啊 回复
    心语tcYB 0
    2019/3/15 11:56:32
    怎么修改成点击开始时,才播放呢? 回复
    我在时光机里找回忆 0
    2019/2/13 9:30:09
    我需要播放一个音频的时候使用它,在哪里插入音频比较好呢? 回复
    时光 0
    2019/1/24 19:16:13
    整体功能还行,但是有些冗余代码,而且代码不够规范。
        时光0
        2019/1/25 10:14:37
        有个bug。当拖动圆点后,播放到最后,会再走一下。
    回复
    lwp1099171983 0
    2019/1/1 17:25:01
    起始时间不设置成0,怎么改啊 回复
    he 0
    2018/11/15 14:43:50
    怎么不加个动画会更好 回复
    Frez02 0
    2018/10/7 15:26:38
    我需要就是没有币 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复