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

Posted 2023-05-07

【中文标题】使 HTML5 视频的持续时间指示器向上计数而不是向下计数

【英文标题】：Make duration indicator of a HTML5 video counting up instead of down

【发布时间】：2021-09-02 00:22:22

【问题描述】：

我的 html5 视频下方的计时器当前倒计时。

01:0000:5900:5800: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:0100:0200:0300: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;

我试着说“真”而不是“假”：

, false);

, true);

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

【参考方案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);