Бесконечный цикл в jquery

Есть такой код:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

var timeout = 0;
$('#container td').each(function(){
  var td = this;
  var td_id = this.id;
  setTimeout(function() {
    var new_text = $(td).find(text).html();
    popup_text.html(new_text);
    popup.fadeIn('fast').delay(1000).fadeOut('slow');
  }, timeout);
  timeout += 1000 + 1000;
});
 

По-очередно из ячеек таблицы берётся текст и выводится с задержкой в слое поверх.
Вопрос 1: Как сделать чтобы это код работал в бесконечном цикле?
Вопрос 2: Как сделать чтобы при наведении мышки на popop цикл приостанавливался а затем продолжался?

Зарание спасибо!

1 ответов


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


var pause = false;
var timeout = 0;

$('#container td').each(function(){
  change_text(this);
});

popup.hover(
  function() {
    pause = true;
  },
  function() {
    pause = false;
  }
);

function change_text(td) {
  if (!pause) {
    var new_text = $(td).find(text).html(); // откуда берется переменная text?
    popup_text.html(new_text); // что за popup и popup_text?
    popup.fadeIn('fast').delay(1000).fadeOut('slow');
  }
  setTimeout(function() {
    change_text(td);
  }, timeout);
  timeout += 1000 + 1000;
}