အင်တာနက်ပေါ်မှလူကြိုက်များမှုနှင့်အတူပညာရေးဆိုင်ရာအဖွဲ့အစည်းများနှင့်စီးပွားရေးလုပ်ငန်းများပိုမိုများပြားလာခြင်းနှင့်ဗဟုသုတများကိုရွေးချယ်ရန်အွန်လိုင်းအဖြေများပိုမိုများပြားလာသည်။ မေးခွန်းများကိုဖြေဆိုခြင်း၏မျှတမှုကိုသေချာစေရန်မေးခွန်းများကိုဖြေဆိုရန်အချိန်အကန့်အသတ်ဖြင့်သတ်မှတ်ခြင်းသည်လိုအပ်သောခြေလှမ်းတစ်ခုဖြစ်လာသည်။ ဤဆောင်းပါးသည်အွန်လိုင်းအဖြေစနစ်တွင်အချိန်အကန့်အသတ်ရှိသောအဖြေပေးခြင်းလုပ်ငန်းကိုမည်သို့အကောင်အထည်ဖော်ရမည်ကိုမိတ်ဆက်ပေးလိမ့်မည်။
ပထမ ဦး စွာမေးခွန်းများ, ရွေးစရာများနှင့်တင်သွင်းမှုခလုတ်များကဲ့သို့သောဒြပ်စင်များပါ 0 င်သည့်မေးခွန်းဖြေဆိုသည့်စာမျက်နှာတစ်ခုကိုဖန်တီးပါ။ ဤတွင်ရိုးရှင်းသော HTML ဖွဲ့စည်းပုံမှာ -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>အွန်လိုင်းမေးခွန်းများကိုဖြေပါ</title>
</head>
<body>
<h1>မေးခွန်းများကိုဖြေပါ</h1>
<form id="answerForm">
<input type="radio" name="option" value="option1">ရွေးချယ်စရာများ1<br>
<input type="radio" name="option" value="option2">ရွေးချယ်စရာများ2<br>
<input type="radio" name="option" value="option3">ရွေးချယ်စရာများ3<br>
<input type="radio" name="option" value="option4">ရွေးချယ်စရာများ4<br>
</form>
<button id="submitBtn">နားထောင်</button>
</body>
</html>
မေးခွန်းများကိုဖြေဆိုရန်အကန့်အသတ်ဖြင့်လုပ်ဆောင်မှုကိုအကောင်အထည်ဖော်ရန် JavaScript ကိုအသုံးပြုပါ။ အချိန်ကာလရောက်သောအခါ Timer ကိုသတ်မှတ်ခြင်းနှင့်အဖြေများရောက်ရှိရန်အလိုအလျောက်တင်သွင်းခြင်းအားဖြင့်အတည်ပြုသည်။ ဤတွင်သက်ဆိုင်ရာ JavaScript ကုဒ်ဖြစ်သည်။
<script>
// အချိန်မှာ
var timer;
// အချိန်ကန့်သတ်ထားပါ,စက္ကန့်အတွင်းယူနစ်
var timeLimit = 60;
// စာမျက်နှာဖွင့်ပြီးနောက် timer စတင်သည်
window.onload = function() {
startTimer();
}
// အချိန်ကိုက်စတင်ပါ
function startTimer() {
timer = setInterval(function() {
timeLimit--;
if (timeLimit == 0) {
clearInterval(timer);
submitAnswer();
}
updateTimer();
}, 1000);
}
// 更新အချိန်မှာ显示
function updateTimer() {
document.getElementById("timer").innerHTML = "ကျန်ရှိသောအချိန်:" + timeLimit + "စက်ဏန့်";
}
// နားထောင်答案
function submitAnswer() {
var answer = document.querySelector('input[name="option"]:checked').value;
// နားထောင်答案的相关处理
// ...
}
</script>
ကျန်သောအချိန်ကိုပြသရန် Element တစ်ခုကိုအဖြေစာမျက်နှာသို့ထည့်ပါ။
<h2 id="timer"></h2>
အထက်ဖော်ပြပါကုဒ်သည်ကျန်ရှိသောအချိန်ကိုစက္ကန့်တိုင်းအားဖြင့်လျော့နည်းစေသည်။
Submit ခလုတ်၏ကလစ်နှိပ်ပါ, အဖြေကိုတင်ပြသော function ကိုအသုံးပြုသူမှရွေးချယ်ထားသောရွေးချယ်မှုများကိုရယူရန်နှင့်ဆက်စပ်သောအပြောင်းအလဲများပြုလုပ်ရန်ဖြစ်သည်။
အထက်ပါအဆင့်များမှတဆင့်အွန်လိုင်းအဖြေစနစ်တွင်အချိန်ကန့်သတ်ထားသောအဖြေပေးခြင်းလုပ်ငန်းကိုအလွယ်တကူသတ်မှတ်နိုင်သည်။ စာမျက်နှာကိုဖွင့်ပြီးနောက်တွင်ရေတွက်ပြီးအချိန်ကုန်လွန်ပြီးနောက်တွင်အဖြေကိုအလိုအလျောက်တင်သွင်းလိမ့်မည်။ အမှန်တကယ်လိုအပ်ချက်များပေါ် မူတည်. Pause Button သို့မဟုတ် Reset ခလုတ်ကိုစသည့်စနစ်သို့သင်ပိုမိုလုပ်ဆောင်မှုများကိုထပ်ထည့်နိုင်သည်။
အွန်လိုင်းအပြီးတွင်အဖြေပေးခြင်းစနစ်ကိုဖော်ထုတ်သည့်အခါဤဆောင်းပါးသည်အချိန်အကန့်အသတ်ရှိသောအဖြေပေးခြင်းလုပ်ငန်းကိုနားလည်သဘောပေါက်ရန်နှင့်စနစ်၏မျှတမှုနှင့်စံနှုန်းများကိုတိုးတက်အောင်ပြုလုပ်နိုင်သည်။