带有Twitter引导进度条的Javascript倒计时

带有Twitter引导进度条的Javascript倒计时,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,我正在使用Twitter引导。我需要在30秒后重定向页面。我想使用Twitter引导进度条来指示页面重定向的时间(因此,当该条为100%时,页面重定向)。请有人能帮我用Javascript和HTML代码来做到这一点 谢谢;) 非常基本的示例: var bar = document.getElementById('progress'), time = 0, max = 5, int = setInterval(function() { bar.style.width

我正在使用Twitter引导。我需要在30秒后重定向页面。我想使用Twitter引导进度条来指示页面重定向的时间(因此,当该条为100%时,页面重定向)。请有人能帮我用Javascript和HTML代码来做到这一点

谢谢;)

非常基本的示例:

var bar = document.getElementById('progress'),
    time = 0, max = 5,
    int = setInterval(function() {
        bar.style.width = Math.floor(100 * time++ / max) + '%';
        time - 1 == max && clearInterval(int);
    }, 1000);
包装在函数中的代码:

函数倒计时(回调){
var bar=document.getElementById('progress'),
时间=0,最大值=5,
int=setInterval(函数(){
bar.style.width=Math.floor(100*time++/max)+'%';
如果(时间-1==最大值){
清除间隔(int);
//600ms-宽度动画时间
回调和设置超时(回调,600);
}
}, 1000);
}
倒计时(函数(){
警报(“重定向”);
});
body{padding:50px;}


看看这个哇,真是太棒了!你能告诉我当倒计时到零时如何重新加载页面吗?太好了!谢谢你的帮助:)