온라인 데모: http://demo.jb51.net/js/jquery_xinsuan/index.htm모두가 완료하는 데 걸리는 시간을 확인하세요. 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <머리> 心算练习，최선을 다하세요 <br>본문 <br>{ <br>텍스트 정렬: 가운데; <br>패딩: 0; <br>여백: 0; <br>} <br>div <br>{ <br>너비: 1000px; <br>여백: 자동; <br>} <br>div 테이블 <br>{ <br>border-collapse:collapse; <br>너비: 100%; <br>테이블 레이아웃: 고정; <br>텍스트 정렬: 왼쪽; <br>} <br>div 테이블 td <br>{ <br>테두리: 1px 솔리드 실버; <br>왼쪽 여백: 3em; <br>} <br>div 범위 <br>{ <br>패딩: 3px 8px; <br>} <br>테이블 입력 <br>{ <br>너비: 3em; <br>} <br>.red <br>{ <br>색상: 빨간색; <br>} <br>.green <br>{ <br>색상: 녹색; <br>} <br> <br><br>$(function () { <br>fnInitTable(2); <br>fnHideResult(); <br>}); <br><br>//显示正确结果及分数 <br>function fnShowResult() { <br>var vCount = 0; <br>$("table tr td").each(function (i) { <br>var vUserResult = $.trim($(this).find("input").val()); <br>var vCordirectResult = $.trim($(this).find("span:last-child").text()); <br>if (vUserResult == vCordirectResult) { <br>vCount <br>$(this) .find("span:last-child").show().addClass("green"); <br>} <br>else { <br>$(this).find("span:last-child") .show().addClass("빨간색") <br>} <br>}); <br>$("#score").text(vCount); <br>} <br><br>function fnHideResult() { <br>$("table tdspan:last-child").hide(); <br>} <br><br>//生成尾数不为零的随机数 <br>function fnRandomBy(parUnder, parOver) { <br>var vResult = 0; <br>while (vResult % 10 == 0) { <br>switch (arguments.length) { <br>case 1: <br>vResult = parseInt(Math.random() * parUnder 1); <br>휴식; <br>사례 2: <br>vResult = parseInt(Math.random() * (parOver - parUnder 1) parUnder); <br>휴식; <br>기본값: <br>vResult = 0; <br>휴식; <br>} <br>} <br>vResult를 반환합니다. <br>} <br><br>function fnInitTable(parDigit) { <br>var vPreValue; <br>var vNextValue; <br>var vResultt; <br>$("테이블").empty(); <br>for (var i = 0; i $("table").append("<tr></tr>"); <br>for (var k = 0; k vPreValue = fnRandomBy(10, 100); <br>if (parDigit == 2) { <br>vNextValue = fnRandomBy(10, 100); <br>} <br>else { <br>vNextValue = fnRandomBy(100, 1000); <br>} <br>vResultt = vPreValue * vNextValue; <br>$("table tr:last").append("<td>" vPreValue "<span>×</span>" vNextValue "<span>=</span>" "< 입력 유형='텍스트' />" "<span>" vResultt "</span>" "</td>"); <br>} <br>$("table").append("</tr>"); <br>} <br>fnInit(); <br>} <br><br>function fnInit() { <br>fnResetTime(); <br>fnHideResult(); <br>$("테이블 입력").attr("disabled", "true"); <br>$("#score").text(""); <br>} <br><br>var vTimerID = 0; <br>//开始按钮连续单击会使得时间加快，vContinueClick可判断是否连续单击，多谢小龙女提示 <br>var vContinueClick = 0; <br>function fnBegin() { <br>//分数的显示与否来确认是否单击结束按钮 <br>if ($.trim($("#score").text()) != "" ) { <br>fnResetTime(); <br>$("테이블 입력").val(""); <br>} <br>fnHideResult(); <br>v계속클릭 ; <br>if (vContinueClick == 1) { <br>vTimerID = setInterval("fnUpdateTime()", 1000); <br>} <br>$("테이블 입력").removeAttr("disabled"); <br>} <br><br>function fnPause() { <br>vContinueClick = 0; <br>$("테이블 입력").attr("disabled", "true"); <br>clearInterval(vTimerID); <br>} <br><br>function fnStop() { <br>fnPause(); <br>fnShowResult(); <br>} <br><br>function fnResetTime() { <br>$("#hour").text("00"); <br>$("#분").text("00"); <br>$("#초").text("00"); <br><br>} <br><br>function fnUpdateTime() { <br>//小龙女短时间内搞 정，parseInt()적参数비常중要 <br>var vSecond = parseInt($("#second ").text(), 10); <br>var vMinute =parseInt($("#분").text(), 10); <br>var vHour =parseInt($("#hour").text(), 10); <br>//处理秒数 <br>vSecond ; <br>if (vSecond >= 0 && vSecond < 10) { <BR>$("#second").text("0" vSecond); <BR>} else if (vSecond >= 10 && vSecond <= 60) { <BR>$("#second").text(vSecond); <BR>} else { <BR>$("#초").text("00"); <BR>//大于60秒，就需处分钟 <BR>vMinute ; <BR>if (vMinute >= 0 && vMinute <= 9) { <BR>$("# Minute").text("0" vMinute); <BR>}else if (vMinute >= 10 && vMinute <= 60) { <BR>$("# Minute").text(vMinute); <BR>} else { <BR>$("#분").text("00"); <BR>//处理小时 <BR>vHour ; <BR>if (vHour >= 0 && vHour <= 9) { <br>$("#hour").text("0" vHour); <br>} <br>else { <br>$("#hour").text(vHour); <br>} <br>} <br>} <br>} <br> <본문> 计时： 00:00:00 分数： <테이블>
