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