Не работает рекурсия в JavaScript

Не могу понять в чем проблема, почему не работает рекурсия.

/** * 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; }

$(".info").live("click",function(){
  var i=0;
  function display_content() {
    if (i<10) {
      alert(i);
      i++;
      setTimeout("display_content()", 1000);
    }
  }
  display_content();
})
 
0
javascript jquery settimeout рекурсия цикл

1 ответов

setTimeout(function(){display_content()}, 1000);

0

Вообще говоря, такие функции стоит определять вне контейнера jquery. Сейчас у вас переменная i в функции display_content не существует.


function display_content(i) {
    if (i<10) {
      alert(i);
      i++;
      setTimeout("display_content("+i+")", 1000);
    }
  }
 
1