>웹 프론트엔드 >JS 튜토리얼 >JS_javascript 기술에서 시간이 많이 걸리는 작업을 실행하기 위한 지연된 표시 방법

JS_javascript 기술에서 시간이 많이 걸리는 작업을 실행하기 위한 지연된 표시 방법

WBOY
WBOY원래의
2016-05-16 18:15:541240검색

코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

document.getElementById ("btnConnect"). value = "Connecting";
Connect(); // 시간이 많이 걸리는 작업
document.getElementById("btnConnect").value = "Connected"
🎜>실행 버튼이 "연결 중" 상태로 변경되지 않았으나 Connect(); 실행이 완료될 때까지 기다렸다가 빠르게 "연결 중"으로 변경된 것을 발견했습니다.
나중에 반 친구들은 매우 우울했습니다. 한 가지 방법과 setTimeout을 지원하고 제공하여 원하는 효과를 얻습니다.
코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다.
문서 .getElementById("btnConnect" ).value = "연결 중";
setTimeout("Connect()", 1);

그러면 document.getElementById("btnConnect").value = " 연결됨"; 연결()으로 이동되었습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.