5

我的 FPS（每秒帧数）为 30。到目前为止，我的总 FPS 为 1020。我想将其显示为格式化的时间码，如下所示。

var fps = 30;
var currentFrame = 1020;

var resultString = ; // HH:MM:SS:FF

是否有任何内置的用于格式化的 Javascript 函数？

为了清楚起见，我需要将字符串格式化为：HH:MM:SS:FF

4

7 回答 7

4

它可以以更简单的方式完成：

function displayTime(currentFrame) {
    var fps = 30;
    var h = Math.floor(currentFrame/(60*60*fps));
    var m = (Math.floor(currentFrame/(60*fps))) % 60;
    var s = (Math.floor(currentFrame/fps)) % 60;
    var f = currentFrame % fps;
    return showTwoDigits(h) + ":" + showTwoDigits(m) + ":" + showTwoDigits(s) + ":" + showTwoDigits(f);
}

function showTwoDigits(number) {
    return ("00" + number).slice(-2);
}

console.log("Frame 1020 will be displayed as " + displayTime(1020));

第 1020 帧将显示为 00:00:34:00

showTwoDigits
这个帮助函数接受一个数字（例如：6），在它前面添加“00”，使其成为一个字符串（例如：“006”）。然后它从末端切回 2 个位置（将给出“06”）。

displayTime
var h
它通过将帧除以每小时 60*60*30 帧来计算小时数。一小时有 60*60*30 帧。
var m
分钟的计算方法相同，除以每分钟 60*30 帧。但请注意，这可能会导致像 80 分钟这样的数字，因为它是总分钟数。脚本必须只考虑这个数量除以 60 后的余数。这里模数发挥了作用。80 % 60 将给出 20，即我们正在寻找的数字。
var s
以类似的方式计算秒数，方法是将帧除以每秒 30 帧，然后取模数 60（因此 65 秒将表示为 5）。

于 2015-06-28T00:10:07.013 回答
3

你在寻找一个内置的JS 函数吗？

var FF = currentFrame % fps;
var seconds = (currentFrame - FF) / fps;
var SS = seconds % 60;
var minutes = (seconds - SS) / 60;
var MM = minutes % 60;
var HH = (minutes - MM) / 60;

你去吧。

于 2012-09-06T07:56:00.663 回答
1

尝试这个：

    var fps = 30;
    var currentFrame = 169;
    var SS = Math.floor(currentFrame / fps);
    var MM = Math.floor(SS / 60);
    var HH = Math.floor(MM / 60);
    var FF = currentFrame - (SS * fps);

    function pad(str, width, what, left) {
        str = String(str);
        what = String(what);
        var w = width - str.length;

        if (left) {
            return (new Array(w + 1)).join(what) + str;
        } else {
            return str + (new Array(w + 1)).join(what);
        }
    }

    var i,
        timecode = [HH, MM, SS, FF];

    for (i = 0; i < timecode.length; i += 1) {
        timecode[i] = pad(timecode[i], 2, 0, true);
    }

    var resultString = timecode.join(':'); // HH:MM:SS:FF
于 2012-09-06T08:02:45.660 回答
1

您还可以使用日期对象，请参见此处。只需做类似的事情：

var d = new Date( yourframetime + new Date().getTime() );
var str = d.getHours()+':'+ d.getMinutes()+ ':' + d.getSeconds() + .......

你可以使用对象的所有字符串函数，或者用它自己创建。

于 2012-09-06T07:58:40.433 回答
0

旧帖子，但我最近正在使用它，亚历山大和卢卡斯的代码的组合给出了正确的结果。检查的版本实际上会在非常大的帧数上中断（我认为是由于 Math.floor）。

代码是：

var fps = 30;
var currentFrame = 169;
var FF = currentFrame % fps;
var seconds = (currentFrame - FF) / fps;
var SS = seconds % 60;
var minutes = (seconds - SS) / 60;
var MM = minutes % 60;
var HH = (minutes - MM) / 60;

function pad(str, width, what, left) {
    str = String(str);
    what = String(what);
    var w = width - str.length;

    if (left) {
        return (new Array(w + 1)).join(what) + str;
    } else {
        return str + (new Array(w + 1)).join(what);
    }
}

var i,
    timecode = [HH, MM, SS, FF];

for (i = 0; i < timecode.length; i += 1) {
    timecode[i] = pad(timecode[i], 2, 0, true);
}

var resultString = timecode.join(':'); // HH:MM:SS:FF
于 2015-06-01T22:11:39.203 回答
0

对于任何对 showTwoDigits 函数的 swift 版本感兴趣的人，这里是一个工作代码示例：

func showTwoDigits(number:Float) -> (String){
        var string = ("00" + String(format:"%.f", number))
        var range = Range(start: (advance(string.endIndex, -2)), end: string.endIndex)
        var cutStr = string.substringWithRange(range)
        return cutStr
    }
于 2015-07-01T21:19:34.187 回答
0

此函数正确转换为HH:MM:SS:FF：

var convertTime = function (frames, fps) {
    fps = (typeof fps !== 'undefined' ?  fps : 30 );
    var pad = function(input) {return (input < 10) ? "0" + input : input;},
        seconds = (typeof frames !== 'undefined' ?  frames / fps : 0 );
    return [
        pad(Math.floor(seconds / 3600)),
        pad(Math.floor(seconds % 3600 / 60)),
        pad(Math.floor(seconds % 60)),
        pad(Math.floor(frames % fps))
    ].join(':');
}

演示

var convertTime = function (frames, fps) {
    fps = (typeof fps !== 'undefined' ?  fps : 30 );
    var pad = function(input) {return (input < 10) ? "0" + input : input;},
        seconds = (typeof frames !== 'undefined' ?  frames / fps : 0 );
    return [
        pad(Math.floor(seconds / 3600)),
        pad(Math.floor(seconds % 3600 / 60)),
        pad(Math.floor(seconds % 60)),
        pad(Math.floor(frames % fps))
    ].join(':');
}

document.body.innerHTML = '<pre>' + JSON.stringify({
    5 : convertTime(5),
    50 : convertTime(50),
    126 : convertTime(126),
    1156 : convertTime(1156),
    9178 : convertTime(9178),
    13555 : convertTime(13555)
}, null, '\t') +  '</pre>';

另请参阅此 Fiddle。

于 2017-02-24T11:41:50.070 回答