Я пытаюсь создать простой счетчик, который считает в обратном порядке от 3 до 0 или от 5 до 0 или что-то еще.
Это таймер для вопросов, поэтому каждое число должно быть видно пользователю.
Я пытался:
for (i=3;i>=0;i--){
$(".timerInner").delay(500).text( i );
}
Но не повезло.
Попробуй это,
var i =5;
var timer = setInterval( calltimer, 500);
function calltimer(){
$(".timerInner").append( i );
if(i == 0){
clearInterval(timer);
}
i--;
}
Используйте setInterval / _ 2_ вместо этого:
var i = 5;
var t = setInterval(function() {
i === 0 && clearInterval(t);
$(".timerInner").text(i);
i--;
}, 1000);
Я рекомендую использовать метод JavaScript setTimeout:
function countdown(remainingTime) {
$('.timerInner').text(remainingTime);
if (remainingTime > 0)
setTimeout(function() { countdown(remainingTime - 100); }, 100);
}
countdown(1000);
Пример скрипта для игры: http://jsfiddle.net/MSa8h/1/
Вам нужно создать цикл на основе функции setTimeout, вот скетч
var i = 3;
var calc = function(){
i--;
if(i==0){
//start new iteration
timeout();
}else{
//end loop
return;
}
};
var timeout = function(){
setTimeout(calc,1000);
};
else.
- person Felix Kling; 03.03.2012
var i =5;
var timer = setInterval( calltimer, 500);
function calltimer(){
$(".timerInner").text( i );
if(i == 0){
clearInterval(timer);
}
i--;
}
Спасибо за помощь
textне является функцией анимации, поэтому первый вызовdelayне имеет никакого эффекта. Я думаю, что есть миллион сценариев обратного отсчета для jQuery, которые вы можете использовать. - person Felix Kling schedule 03.03.2012