타자기는 텍스트 파일에서 보입니다.

Question

저는 처음으로 페이지의 코드를 작성하려고하는 정말 새로운 자바 사람입니다. 간단히 말해, 텍스트 파일을 읽고 이미 만든 div에 한 번에 하나씩 문자를 표시하고 싶습니다. 'get'코르크 잘 및 데이터 변수를 문자열을받습니다, 그러나이 실행될 때 브라우저에서 지난 1 줄 입력 오류가 발생합니다. 아마 내가하는 일에 10 가지 잘못 될지도 모르지만 방향을 환영합니다.

enter code here 

<div id='textelement' style="width:400px; height:200px ;overflow:auto"></div> 
<script type="text/javascript"> 
$.get("Comments.txt", function (data) 
{ 
    var displaytxt = ""; 
    displaytxt = data; 
    function nextchar() 
     { 
     if (displaytxt.length > 0) 
      { 
      $('#textelement').append(displaytxt.substr(0, 1)); 
      displaytxt = displaytxt.substr(1); 
      setTimeout(nextchar, 70); 
      } 
     } 
    } 
</script> 

Answer 1

한 가지만 제대로 기능을 벗어났습니다. 1. 내 기능 'nextchar'따라서는 실행 결코 호출되지 않습니다 :

<script type="text/javascript"> 
$.get("Comments.txt", function (data) 
{ 
    var displaytxt = ""; 
    displaytxt = data; 
    function nextchar() 
     { 
     if (displaytxt.length > 0) 
      { 
      $('#textelement').append(displaytxt.substr(0, 1)); 
      displaytxt = displaytxt.substr(1); 
      setTimeout(nextchar, 70); 
      } 
     } 
}).fail(function (xhr, status, error) { 
       alert(error); 
}); 
</script> 

Answer 2

이것을보고 후 나는 것을 발견하면서. 바보 나. 2. 매개 변수를 전달하려면 setTimeout에 function() {}을 사용하는 이상한 구문이 필요합니다. 왜 이런거야?

아래 코드는 현재 저에게 유용합니다.

그렉

<script type="text/javascript"> 
function nextchar(displaytxt) { 
    if (displaytxt.length > 0) { 
     $('#textelement').append(displaytxt.substring(0, 1)); 
     displaytxt = displaytxt.substr(1); 
     setTimeout(function() { nextchar(displaytxt); }, 70); 
    } 
} 
$.get("PatientComments.txt", function (data) { 
    var displaytxt = ""; 
    displaytxt = data; 
    alert(displaytxt); 
    nextchar(displaytxt); 
}).fail(function (xhr, status, error) { 
    alert(error); 
}); 
</script>