倒计时进度条为0时如何添加代码?

时间:2015-04-07 21:56:35

标签: jquery html css

我有一个倒计时进度条... 现在我希望当它为0时,元素显示为内联(在css中显示为无)

这是我的进度条代码

function progress(timeleft, timetotal, $element) {
var progressBarWidth = timeleft * $element.width() / timetotal;
$element.find('div').animate({ width: progressBarWidth }, 500).html(timeleft + " seconden te gaan");
if(timeleft > 0) {
    setTimeout(function() {
        progress(timeleft - 1, timetotal, $element);
    }, 1000);
}
};

progress(180, 180, $('#progressBar'));

任何人都可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

使用此:

    function progress(timeleft, timetotal, $element) {
var progressBarWidth = timeleft * $element.width() / timetotal;
$element.find('div').animate({ width: progressBarWidth }, 500).html(timeleft + " seconden te gaan");
if(timeleft > 0) {
    setTimeout(function() {
        progress(timeleft - 1, timetotal, $element);
    }, 1000);
}
else
{
     // display inline
     $('#IDofElement').css('display', 'inline');
}
};

progress(180, 180, $('#progressBar'));