집 >
웹 프론트엔드 >
JS 튜토리얼 >
Javascript 기타 - window.status_Typical 특수 효과를 사용하여 실시간으로 데이터 표시
Javascript 기타 - window.status_Typical 특수 효과를 사용하여 실시간으로 데이터 표시
WBOY
풀어 주다: 2016-05-16 19:21:38
원래의
1173명이 탐색했습니다.
위의 예에서는 루프가 있고 내부 HTML 속성을 사용하여 실시간으로 표시하고 다른 하나는 사용 창입니다. 상태.
그러나 실시간 window.status는 루프 숫자를 완벽하게 표시하지만 innerHTML 속성은 그렇지 않습니다. 결과 숫자만 표시하세요. 이제 프로세스는 '999'입니다.
innerHTML 디스플레이 실시간 데이터를 사용하는 방법은 무엇인가요? 다음과 같이 window.setTimeout 또는 window.setInterval 메소드를 사용할 수는 있습니다.
var cnt=0; 함수 finnerHtml() { if (cnt >=1000) return; document.getElementById("demo").innerText = "이제 프로세스는 "" cnt """; window.setTimeout(finnerHtml,10) }
하지만 불편하지 않습니다. 디스플레이 속도가 좋지 않아서 뭔가 제어해야 합니다. 예: 완전히 완료되면 setTimeout 변수를 사용합니다. <script> <BR> //<![CDATA[ <BR> function fstatus() { <BR> for (var i=0; i<100000; i++) { <BR> window.status = "now process is \"" +i+ "\""; <BR> } <BR> } <BR> function finnerHtml() { <BR> for (var i=0; i<1000; i++) { <BR> document.getElementById("demo").innerHTML = "now process is \"" +i+ "\""; <BR> } <BR> } <BR> //]]> <BR> </script>그래서 실시간으로 표시될 때 내부 HTML 속성을 대체하도록 winodw.status를 제안합니다.