【问题标题】:How to format HTML5 audio's currentTime property with Javascript如何使用 Javascript 格式化 HTML5 音频 currentTime 属性
【发布时间】:2011-06-04 01:40:52
【问题描述】:

我正在尝试使用以下公式格式化 HTML5 currentTime 属性:

var s = parseInt(audio.currentTime % 60);

var m = parseInt((audio.currentTime / 60) % 60); duration.innerHTML = m + ':' + s ;

这行得通,只是我希望秒 1-9 显示为 :01 - :09 而不是 :1 和 :9 ,就像他们目前所做的那样。我将如何编写这段代码?

【问题讨论】:

    标签: javascript html audio time


    【解决方案1】:

    这可能对你有帮助,我用过:

      function formatTime(seconds) {
        minutes = Math.floor(seconds / 60);
        minutes = (minutes >= 10) ? minutes : "0" + minutes;
        seconds = Math.floor(seconds % 60);
        seconds = (seconds >= 10) ? seconds : "0" + seconds;
        return minutes + ":" + seconds;
      }
    

    【讨论】:

      【解决方案2】:
      if (m < 10) m = '0' + m; 
      if (s < 10) s = '0' + s;
      

      【讨论】:

        【解决方案3】:

        如果s 小于 10,则只需添加一个 0。之后

        var m = parseInt((audio.currentTime / 60) % 60);
        

        if (s < 10) {
            s = '0' + s;
        }
        

        代码非常简单。

        【讨论】:

          【解决方案4】:

          var currentTime = audio.currentTime | 0;

              var minutes = "0" + Math.floor(currentTime / 60);
              var seconds = "0" + (currentTime - minutes * 60);
              var cur = minutes.substr(-2) + ":" + seconds.substr(-2);
          

          【讨论】:

            【解决方案5】:

            在 TypeScript 上:

            formatTime(seconds: number): string {
            
                let minutes: any = Math.floor(seconds / 60);
                let secs: any = Math.floor(seconds % 60);
            
                if (minutes < 10) {
                    minutes = '0' + minutes;
                }
            
                if (secs < 10) {
                    secs = '0' + secs;
                }
            
                return minutes +  ':' + secs;
            }
            

            【讨论】:

              猜你喜欢
              • 2014-10-17
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2020-04-29
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多