여러 입력을 포함하는 Html에 DIV가 있습니다. 아이디어는 루프를 사용하여 Div를 동적으로 만드는 것입니다. 표시 버튼을 클릭하면 DIV에 300 개의 입력이 있기 때문에 표시하는 데 약간의 시간이 걸리지 만 제 질문은 예를 들어 처음 10 개의 입력을 표시 한 다음 다른 10 개의 입력 등을 표시 할 수 있으므로 동시에 추가 할 시간을 기다리지 않습니다.
<!DOCTYPE html>
<html>
<body>
<h2>Div </h2>
<input id="ButtonShow" type="button" value="Show" onclick="show();"/>
<div id="p1"></div>
<script>
function show()
{
for (i=0 ;i<350; i++)
{
document.getElementById("p1").innerHTML +=
"<input type='checkbox' value='Callback' checked='checked'/><br>";
}
}
</script>
</body>
</html>
jQuery를 사용합니다.
$("#p_id").append("<input type='checkbox' value='Callback' checked='checked'/><br>");
여전히 느린 문제가 있으면 setTimeout을 사용할 수 있습니다.
function addCheckBox(offset)
{
$("#p_id").append("<input type='checkbox' value='Callback' checked='checked'/><br>");
if (offset < 290)
window.setTimeout(()=> addCheckBox(offset + 10), 50);
}
addCheckBox(0);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다