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

插件特效
2026-07-26 00:31 2 次浏览 • 0 次下载 3.2KB
jquery播放进度条插件,可拖动

使用方法

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

导入barstyle.css

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

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

初始化:

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