创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
Creating a countdown timer script that instead of a specific date counts the duration of a sound file
我为一个展览制作了一个声音装置。声音文件持续24小时。我想做的是为这个文件创建一个网站。我希望它尽可能简洁明了。深色背景和白色倒计时,在文件开始流式传输和倒计时后开始,直到文件结束。那是从24小时到00:00。
所有的倒计时脚本都会计算到一个特定的日期,很少重新启动自己。
这可能吗?
如果我做对了,你想知道如何制作进度条吗?
我想说,如果你不想过多地了解niddy网格部分,我建议你使用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
是歌曲的长度,以秒为单位。然后我会把它封装在一个函数中,这样一旦点击按钮播放,这个代码就会在后台运行,当我暂停歌曲时,间隔就会被清除。
我真的不想写更多,因为它需要编码一个完整的网页。但这应该足以让你开始。
相关文章:
- 在jQuery中,短距离长持续时间的精细字体大小动画
- 创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
- 输入视频文件时获取视频持续时间
- 无填充的滚动魔术持续时间
- 我需要在每5秒内调用一个函数,并重置持续时间
- jQuery动画的持续时间就像一个延迟
- 如何在特定时间重新加载page.php,例如:07:45.非持续时间,例如:每5秒
- 如何在dhtmlxgantt中显示灯箱中的开始日期、结束日期和持续时间
- Javascript - 具有音高和持续时间控制的文本到语音
- setTimeout() 函数在超时持续时间之前调用
- HTML 5 音频 :是否有在更改缓冲持续时间时触发的事件
- 如何获取所有旅行模式的距离和持续时间,例如驾驶,公交,骑自行车,在我的页面中步行以及将其存储在数据库中
- 当用户在文本框中输入日期时,如何计算一年的持续时间
- 如何使用 Javascript 将持续时间字符串解析为秒
- 速度.js动画两个属性时持续时间不同
- d3 动画中的持续时间
- Webkit-css随持续时间变化
- 谷歌应用程序脚本获取错误的持续时间值
- 需要帮助改变与Jquery脚本幻灯片的速度持续时间
- 我如何从表中计算谷歌应用程序脚本的持续时间