创建一个倒计时脚本来代替特定日期来计算声音文件的持续时间。

Question

我为一个展览设计了一个音响装置。声音文件持续24小时。我想做的是为这个文件创建一个站点。我希望这件事尽可能简单明了。一个黑暗的背景和一个白色的倒计时，一旦文件开始流和计数，直到文件结束。从24小时到00点。

所有倒计时脚本计数到特定日期，很少重新启动自己。

这有可能吗？

Answer 1

如果我做得对你想知道怎么做进度条吗？

我会说，如果您不想过多地了解niddy-griddy部分，我建议您使用引导程序和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是歌曲的长度(以秒为单位)。然后，我会将它封装在一个函数中，这样，一旦点击了一个按钮播放，这个代码就会在后台运行，当我暂停这首歌时，间隔就会被清除。

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