Question

我为展览创作了一个完善的装置。声音文件持续24小时。我想做的是为这个文件创建一个网站。我希望它尽可能简单明了。深色背景和白色倒计时，一旦文件开始流式传输和倒计时就开始，直到文件结束。那是从24小时到00:00。

所有倒计时脚本都计入特定日期，很少自行重启。

这甚至可能吗？

Answer 1

所以，如果我做得对，你想知道如何制作进度条吗？

我会说如果你不想过多地讨论niddy-griddy部分，我会推荐bootsrap和jquery。

我做了一些我会做的事情的例子： http://jsfiddle.net/1tq6scga/3/

//JS
var song_seconds = 10;

c = 0;
i = 0;
var invt = setInterval(function(){
    c = i/song_seconds;
    c = (Math.round(c * 100 * 100)/100) + '%';
    $('.progress-bar').html(c);
    $('.progress-bar').css({'width':c});
    i++;
    if(i === song_seconds + 1) {
        clearInterval(invt);
    }
}, 1000);

所以对你来说，我会这样做，以便变量max是歌曲的长度，以秒为单位。然后我将它包装在一个函数中并执行它，这样一旦单击按钮播放，此代码在后台运行，当我暂停该歌曲时，间隔将被清除。

我真的不想写更多，因为它需要编码整个网页。但这应该足以让你开始。

创建倒数计时器脚本而不是特定日期计算声音文件的持续时间

1 个答案: