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

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 成为歌曲的长度（以秒为单位）。然后我将其包装在一个函数中，并在单击按钮播放后执行此操作，此代码在后台运行，当我暂停歌曲时，间隔将被清除。

我真的不想写更多了，因为它需要对整个网页进行编码。但这应该足以让您入门。

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

Creating a countdown timer script that instead of a specific date counts the duration of a sound file

javascript

mp3

timer

countdown