Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建倒计时计时器脚本,以代替特定日期来计算声音文件的持续时间_Javascript_Timer_Mp3_Countdown - Fatal编程技术网

Javascript 创建倒计时计时器脚本,以代替特定日期来计算声音文件的持续时间

Javascript 创建倒计时计时器脚本,以代替特定日期来计算声音文件的持续时间,javascript,timer,mp3,countdown,Javascript,Timer,Mp3,Countdown,我为一个展览制作了一个音响装置。声音文件持续24小时。我想做的是为这个文件创建一个站点。我希望它尽可能地简单明了。一个黑色背景和一个白色倒计时,一旦文件开始流式处理,就开始倒计时,直到文件结束。从24点到00点 所有的倒计时脚本都计数到特定的日期,很少重新启动它们自己 这可能吗?如果我做对了,你想知道如何制作进度条吗 我想说,如果您不想对niddy griddy部分做太多的介绍,我建议您使用bootsrap和jquery 我举了一个我将要做的事情的例子: 所以对于你,我会让它,使变量max是歌

我为一个展览制作了一个音响装置。声音文件持续24小时。我想做的是为这个文件创建一个站点。我希望它尽可能地简单明了。一个黑色背景和一个白色倒计时,一旦文件开始流式处理,就开始倒计时,直到文件结束。从24点到00点

所有的倒计时脚本都计数到特定的日期,很少重新启动它们自己


这可能吗?

如果我做对了,你想知道如何制作进度条吗

我想说,如果您不想对niddy griddy部分做太多的介绍,我建议您使用bootsrap和jquery

我举了一个我将要做的事情的例子:

所以对于你,我会让它,使变量max是歌曲的长度,以秒为单位。然后我会把它包装在一个函数中,一旦点击一个按钮播放,这个代码就会在后台运行,当我暂停歌曲时,间隔就会被清除


我真的不想写更多的东西,因为它需要编写一个完整的网页。但这应该足以让您开始。

为什么不从音轨的长度中减去音轨的当前时间呢?嗨,马特。我怎么能这么做?非常感谢asosnovsky。这肯定会帮助我开始这项工作。
//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);