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

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

本文关键字:脚本 持续时间 文件 日期 声音 一个 创建 计时器 倒计时 计算      更新时间:2023-09-26

我为一个展览制作了一个声音装置。声音文件持续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是歌曲的长度,以秒为单位。然后我会把它封装在一个函数中,这样一旦点击按钮播放,这个代码就会在后台运行,当我暂停歌曲时,间隔就会被清除。

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