使 HTML5 视频的持续时间指示器向上计数而不是向下计数

Question

我的 HTML5 视频下方的计时器目前正在 倒计时 。

01:00 00:59 00:58 00:57 等等...

jQuery渲染定时器：

// TIMER
    tv.addEventListener('timeupdate', function() {
        var duration = document.getElementById('tv_time');
        var time = tv.duration - tv.currentTime;
        var minutes = Math.floor(time / 60);
        var seconds = Math.floor(time % 60);
        if (!isNaN(seconds) && !isNaN(minutes)) {
            duration.innerHTML = minutes + ':' + pad(seconds, 2);
        }
    }, false);

我希望计时器可以递增。

而不是倒计时

00:01 00:02 00:03 00:04 等等...

问题：

我怎样才能最好地调整 jQuery 代码，让计数器计数 up 而不是 down?

我试过的：

我试着摆弄乘法和除法：

var minutes = Math.floor(time / 60);
var seconds = Math.floor(time % 60);

var minutes = Math.floor(time % 60);
var seconds = Math.floor(time / 60);

我尝试将减法换成加法：

var time = tv.duration - tv.currentTime;

var time = tv.duration + tv.currentTime;

我试着说 'true' 而不是 'false':

}, false);

}, true);

然而，这些例子只是表明我确实不知道我在这里做什么。我想我 是时候 寻求指导了...

Answer 1

只需更改：

var time =  tv.currentTime - tv.duration;

到

     var time =  tv.currentTime;

然后显示当前位置=>向上计数

  tv.addEventListener('timeupdate', function() {
        var duration = document.getElementById('tv_time');
        var time =  tv.currentTime;
        var minutes = Math.floor(time / 60);
        var seconds = Math.floor(time % 60);
        if (!isNaN(seconds) && !isNaN(minutes)) {
            duration.innerHTML = minutes + ':' + pad(seconds, 2);
        }
    }, false);

使 HTML5 视频的持续时间指示器向上计数而不是向下计数

Make duration indicator of a HTML5 video counting up instead of down

jquery

html5-video