audio 進度條拉不動 audio進度條

2021-10-18 05:15:36 字數 868 閱讀 9833

如上圖所示:為效果圖

**如下:

音訊控制進度條

body,

padding: 0;

margin: 0;

.m-main , 1000);

function settimeshow(t) {

t = math.floor(t);

var playtime = secondtomin(audio.currenttime);

$(".size").html(playtime);

$('.timeshow').text(secondtomin(audio.duration))

$('.timeline').children().css({

width: (t / audio.duration).tofixed(4) * 100 + "%"

// 計算時間

function secondtomin(s) {

var mm = math.floor(s / 60);

var ss = s % 60;

if(mm < 10)

mm = "0" + mm;

if(ss < 10)

ss = "0" + ss;

var min = mm + ":" + ss;

return min.split('.')[0];

說明:直接拷貝可用,這個是移動端的進度條,拷貝下來需要做處理的就是裡面有個背景圖,css中你可以看到,替換成你的就ok,

還有個sy.js這個是移動端rem適配的js,如需要的話請看前面的一篇部落格!!好!就這樣!!

進度條,步驟條,

1,記錄一次步驟條來實現人數不同顯示的進度不同 效果如圖 廢話不多說 上 html檔案 已有 位武魂使共赴蒼嵐 3w預約 5w預約 10w預約 20w預約 30w預約 css awards progress awards progress cur awards progress cur.item0 ...

ios弧形進度條 iOS 圓形進度條

釋放雙眼,帶上耳機,聽聽看 今天產品要弄乙個圓形的進度條 有很多開源的進度條不用,非要弄這種效果,就不吐槽了,還是想想怎麼實現 廢話就不多說了 直接上 import inte ce roundprogressview uiview 進度條顏色 property strong,nonatomic ui...

ios弧形進度條 ios 圓形進度條

今天產品要弄乙個圓形的進度條 有很多開源的進度條不用,非要弄這種效果,就不吐槽了,還是想想怎麼實現 廢話就不多說了 直接上 import inte ce roundprogressview uiview 進度條顏色 property strong,nonatomic uicolor progress...