开发者社区> 问答> 正文

音乐播放器播放时间用什么标签显示

想做一个音乐播放器界面,单纯切图,请问下
screenshot

红圈处的这个表示音乐播放时间应该用什么标签表示

展开
收起
杨冬芳 2016-06-06 12:30:17 3107 0
1 条回答
写回答
取消 提交回答
  • IT从业

    貌似看得比较多的一般都是用 或者

    贴一个来自 stackoverflow 的实现例子:

    <audio id='audioTrack' ontimeupdate='updateTrackTime(this);'>
      Audio tag not supported in this browser</audio>
    <script>
    // 更新时间
    function updateTrackTime(track){
      var currTimeDiv = document.getElementById('currentTime');
      var durationDiv = document.getElementById('duration');
    
      var currTime = Math.floor(track.currentTime).toString(); 
      var duration = Math.floor(track.duration).toString();
    
      currTimeDiv.innerHTML = formatSecondsAsTime(currTime);
    
      if (isNaN(duration)){
        durationDiv.innerHTML = '00:00';
      } 
      else{
        durationDiv.innerHTML = formatSecondsAsTime(duration);
      }
    }
    // 格式化时间
    function formatSecondsAsTime(secs, format) {
      var hr  = Math.floor(secs / 3600);
      var min = Math.floor((secs - (hr * 3600))/60);
      var sec = Math.floor(secs - (hr * 3600) -  (min * 60));
    
      if (min < 10){ 
        min = "0" + min; 
      }
      if (sec < 10){ 
        sec  = "0" + sec;
      }
    
      return min + ':' + sec;
    }
    </script>

    获取播放时间的API参考: HTML5 Audio 标准

    2019-07-17 19:28:12
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
3D动画的菜谱式灯光与云渲染 立即下载
全景视频的播放及优化 立即下载
低代码开发师(初级)实战教程 立即下载