オンライン デモ: http://demo.jb51.net/js/jquery_xinsuan/index.htm全員が完了するまでにかかる時間を確認します。コードは次のとおりです。 > コードをコピー コードは次のとおりです: 心算练习、最善を尽くします <br>body <br>{ <br>text-align: center; <br>パディング: 0; <br>マージン: 0; <br>} <br>div <br>{ <br>幅: 1000px; <br>マージン: 自動; <br>} <br>div table <br>{ <br>border-collapse: 折りたたむ; <br>幅: 100%; <br>テーブルレイアウト: 固定; <br>テキスト整列: 左; <br>} <br>div table 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 vCorrectResult = $.trim($(this).find("span:last-child").text()); <br>if (vUserResult == vCorrectResult) { <br>$(this) .find("span:last-child").show().addClass("green"); <br>} <br>else { <br>$(this).find("span:last-child") .show().addClass("赤"); <br>$("#score").text(vCount); <br>} <br><br>function fnHideResult() { <br>$("table td span: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>ケース 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>" "< input type='text' />" "<span>" vResultt "</span>" "</td>"); <br>} <br>$("テーブル").append("</tr>"); <br>} <br>fnInit(); <br>} <br><br>関数 fnInit() { <br>fnResetTime(); <br>fnHideResult(); <br>$("テーブル入力").attr("無効", "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>vContinueClick ; <br>if (vContinueClick == 1) { <br>vTimerID = setInterval("fnUpdateTime()", 1000); <br>} <br>$("テーブル入力").removeAttr("無効"); <br>} <br><br>関数 fnPause() { <br>vContinueClick = 0; <br>$("テーブル入力").attr("無効", "true"); <br>clearInterval(vTimerID); <br>} <br><br>関数 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($("# minutes").text(), 10); <br>var vHour = parseInt($("#hour").text(), 10); <br>//处理秒数 <br>vSecond ; <br>if (vSecond >= 0 && vSecond $("#second").text("0" vSecond); <br>} else if (vSecond >= 10 && vSecond $("#second").text(vSecond); <br>} else { <br>$("#秒").text("00"); <br>//60 秒以上、就必要処理分钟 <br>vMinute ; <br>if (vMinute >= 0 && vMinute $("# minutes").text("0" vMinute); <br>}else if (vMinute >= 10 && vMinute $("# minutes").text(vMinute); <br>} else { <br>$("#分").text("00"); <br>//处理小時間 <br>vHour ; <br>if (vHour >= 0 && vHour $("#hour").text("0" vHour); <br>} <br>else { <br>$("#hour").text(vHour); <br>} <br>} <br>} <br>} <br> 计時： 00:00: 分数：
