2013-03-26 2 views
0

У меня проблема.Loop мой Progress Bar?

Может кто-то поможет исправить этот код так, чтобы прогрессбар начинается снова, когда он достигает 100.

Я хочу, что вы можете увидеть, что работа находится в стадии развития. С моим кодом теперь он останавливается, когда он достигает 100.

Надеюсь, вы поймете мой вопрос.

Другим решением может быть индикатор прогресса, который все время скачет по разным значениям. Единственное, что важно, так это то, что progressbar работает все время, пока вы не перенаправляетесь со страницы.

Введите код, указанный на данный момент.

$("#progressbar").progressbar(); 
       var value = 0; 
       var timer = setInterval (function() 
       { 
        $("div#progressbar").progressbar ("value", value); 
        value++; 
        if (value > 100) clearInterval (timer); 
       }, 200); 

ответ

-1

Ваш если заявление не внутри блока Вы должны иметь это так

if(value > 100){ clearInterval(timer); } 

Кроме того, я думаю, что вы хотите сбросить здесь не интервал, а значение. Так что это, как это:

if(value > 100){ value=0; } 

Это должно работать

+0

Вам не нужно иметь блок для если заявления, если ваш код один вкладыш. – Fr0zenFyr

2

насчет установки для 0 снова progressBar значение, когда оно достигает 100?

$("#progressbar").progressbar(); 
var value = 0; 
var timer = setInterval (function(){ 
$("div#progressbar").progressbar ("value", value); 
    value++; 
    if (value > 100) value=0; 
}, 200); 
+1

Это было простое решение, ty – user2210516

+0

Спасибо. Это не просто решение, но работает быстрее, чем предыдущий. – susan

1

Просто установите значение 0, когда она достигает 100:

if(value > 100) value = 0; 

См Live Demo

Вы не хотите, чтобы очистить таймер, как он будет остановить анимацию.

При переадресации страницы все таймеры будут автоматически очищены/остановлены.

0

Вы можете попробовать с window.clearInterval():

if (value > 100){ 
    var timer = window.clearInterval(timer); 
}