Поле задает время таймеру [РЕШЕНО]

[krystalmoon]

Добрый день форумчане !

Хочу сделать поле допустим editbox и кнопку начать получается

Человек вводит в едитбокс время в секундах или минутах и это поле задает его таймеру
и после нажатия на кнопку таймер запускается

Помогите реализовать дайте советов, заранее спасибо <3

[spoon]

Обратный отсчет что ли?

Отправлено спустя 1 час 3 минуты 11 секунд:
Пример

[krystalmoon]

Обратный отсчет что ли?

Спунчик спасибо но у меня не открывается))) версия то у меня более старая

У меня теперь другой вопрос мне дали код для прогресс бара

(function () {var progressbar;function headerBar() {progressbar = $('#jQProgressbar1');progressbar.progressbar({value: 0});function progress() {var val = progressbar.progressbar('value') || 0;progressbar.progressbar('value', val + 1);if (val < 99) {setTimeout(progress, 60000);}}progress();}headerBar();setInterval(function () {progressbar.progressbar('value', 0);}, 60 * 1000);})();

Не мог бы ты мне разжевать его ? чтобы я мог правильно выставить настройки таймера, я уже понял что val +1 это шан с которым будет идти полоса а progress 60000 это время

Но по какой формуле вообще делать это все не понял и что за 60* 1000

Мне бы просто знать за что отвечают все эти цифры

[spoon]

Тут таймер.

Дай весь год js+css+html, не понимаю что за progressbar.progressbar.

[krystalmoon]

А тут прогрес байнер с таймером http://jsfiddle.net/w3QB7/1/ он то мне и нужен, и вопрос как выставлять шаг и время

[spoon]

Это начало прогресс

Код: Выделить всё

progressbar.progressbar({
            value: 0
        });

тут можно выставить старт, не с 0, а например с 10 начинается. Это всё в %.

Тут

Код: Выделить всё

progressbar.progressbar('value', val + 10);

шаг в 10% т.е. начинается 0+10 потом 10+10, потом 20+10 и так далее.

Тут таймер

Код: Выделить всё

if (val < 99) {
                setTimeout(progress, 3000);
            }

чтобы шаг в 10 был через 3000.

Тут

Код: Выделить всё

setInterval(function () {
        progressbar.progressbar('value', 0);
    }, 30000);

вызываем функцию постоянно, чтобы каждый раз начиналось сначало, если ее убрать то прогресс дойдет до 100 и остановится.

Почему тут 30000

Код: Выделить всё

]setInterval(function () {
        progressbar.progressbar('value', 0);
    }, 30000);

у вас полоса имеет 100%, шаг в 10% по 3000мс, соответственно все 100% он пройдет за 30000мс, что является единичным циклом повторения.

Полагаю, что вам нужно привязать его к какому то процессу, а эта уже другая история))

[krystalmoon]

@spoon вроде разобрался

попробовал сделать обратный прогресс бар с шагом 1 на 1минуту

(function () {
var progressbar;

function headerBar() {
progressbar = $('#timerBar');
progressbar.progressbar({
value: 100
});

function progress() {
var val = progressbar.progressbar('value') || 0;
progressbar.progressbar('value', val - 1);
if (val > 1) {
setTimeout(progress, 600);
}
}
progress();
}
headerBar();
})();


Спасибо большое !