>웹 프론트엔드 >JS 튜토리얼 >Javascript 기타 - window.status_Typical 특수 효과를 사용하여 실시간으로 데이터 표시

Javascript 기타 - window.status_Typical 특수 효과를 사용하여 실시간으로 데이터 표시

WBOY
WBOY원래의
2016-05-16 19:21:381138검색





위의 예에서는 루프가 있고 내부 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를 제안합니다. 
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.