我有一个倒数进度栏...
现在我想当元素为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'));
有人可以帮我解决这个问题吗?
最佳答案
用这个:
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'));