ஆன்லைன் வினாடி வினா பயன்பாட்டில் ஜாவாஸ்கிரிப்ட் கவுண்டவுன் டைமரை செயல்படுத்துகிறது



ஆன்லைன் வினாடி வினா பயன்பாட்டிற்கான ஜாவாஸ்கிரிப்ட் கவுண்டவுன் டைமரை செயல்படுத்துவதற்கான இந்த படிப்படியான வழிகாட்டி, கவுண்டவுன் டைமரை ஜாவாஸ்கிரிப்ட் மொழியாக செயல்படுத்த உதவும்

இந்த இடுகையில், நாங்கள் எங்கள் வினாடி வினா பயன்பாட்டை விரிவுபடுத்தி, அதில் ஜாவாஸ்கிரிப்ட் கவுண்டவுன் டைமர் செயல்பாட்டைச் சேர்ப்போம். நாம் இங்கு செயல்படுத்தும் மற்றொரு விஷயம், குறியீட்டைச் சேர்ப்பதன் மூலம் ஒவ்வொரு வினாடி வினாவிலும் வெவ்வேறு எண்ணிக்கையிலான கேள்விகள் இருக்கலாம். நீங்கள் ஏற்கனவே முதல் பகுதியைப் படிக்கவில்லை என்றால், அதன் வழியாக செல்ல நான் உங்களுக்கு பரிந்துரைக்கிறேன். இந்த இடுகையைப் பின்தொடர்ந்து அதை முழுமையாக புரிந்துகொள்வது உங்களுக்கு எளிதாக இருக்கும்.

முதல் பகுதியை இங்கே படிக்கலாம் .நீங்கள் எடுத்துக்கொள்வதன் மூலம் உங்கள் கோண தொழில் வாய்ப்புகளையும் விரிவுபடுத்தலாம் .





ஜாவாஸ்கிரிப்ட் கவுண்டவுன் டைமர்

ஒவ்வொரு வினாடி வினாவின் நேர காலம் வினாடி வினா எக்ஸ்எம்எல் கோப்பில் சேமிக்கப்படுகிறது, நாங்கள் வினாடி வினாவின் காலத்தை மீட்டெடுக்கிறோம் மற்றும் பயனரின் அமர்வில் ஒரு பண்புக்கூறாக சேமிக்கிறோம். பயனர் ஒரு கேள்வியைச் சமர்ப்பிக்கும் போது, ​​ஜாவாஸ்கிரிப்ட் மூலம் தனிப்பயன் படிவ சமர்ப்பிப்பைப் பயன்படுத்தி நேரத்தை கட்டுப்படுத்தியிடம் சமர்ப்பிக்கிறோம். எனவே, அடுத்த கேள்வியைக் காண்பிக்கும் போது சரியான மீதமுள்ள நேரத்தைக் காண்பிப்போம்.

ஒரு வரிசையை ஏறுவரிசையில் வரிசைப்படுத்த c ++ நிரல்

javascript-countdown-timer-online-quiz-application



வினாடி வினாவின் கால அளவு முடிந்ததும், பயனருக்கு “டைம் அப்” என்று ஒரு எச்சரிக்கை பெட்டி காண்பிக்கப்படும், மேலும் வினாடி வினா மதிப்பீடு செய்யப்பட்டு இறுதி முடிவு காண்பிக்கப்படும்.

இதை நாம் அடைய என்ன தேவை என்று பார்ப்போம்.



வினாடி வினா கேள்விகளுக்கு முன், வினாடி வினா எக்ஸ்எம்எல் கோப்பில் இரண்டு புதிய வரிகளை சேர்த்துள்ளோம்.

ஜாவா வினாடி வினா (2015/01/18) 10 2 சரியான தொடரியல் எது? பொது வகுப்பு ஏபிசி QWE ஐ நீட்டிக்கிறது மாணவர் எண்ணாக i = 'A' சரம் s = 'ஹலோ' தனியார் வகுப்பு ABC 2 பின்வருவனவற்றில் எது ஜாவாவில் முக்கிய சொல் அல்ல? வர்க்க இடைமுகம் சுருக்கத்தை நீட்டிக்கிறது 3 ஜாவாவைப் பற்றி என்ன உண்மை? ஜாவா என்பது மேடையில் குறிப்பிட்டது ஜாவா பல பரம்பரை ஆதரிக்காது ஜாவா லினக்ஸில் இயங்காது மற்றும் மேக் ஜாவா பல திரிக்கப்பட்ட மொழி அல்ல 1 பின்வருவனவற்றில் எது இடைமுகம்? நூல் இயங்கக்கூடிய தேதி காலண்டர் 1 ஜாவா பதிப்பு 8 ஐ வெளியிட்ட நிறுவனம் எது? சன் ஆரக்கிள் அடோப் கூகிள் 1 ஜாவா எந்த வகை மொழிகளின் கீழ் வருகிறது? முதல் தலைமுறை மொழிகள் இரண்டாம் தலைமுறை மொழிகள் மூன்றாம் தலைமுறை மொழிகள் நான்காம் தலைமுறை மொழிகள் 2 உங்கள் நிரலுக்கு தானாகவே தெரியும் இயல்புநிலை தொகுப்பு எது? java.net javax.swing java.io java.lang 3 ஒரு சேவையை வரைபடமாக்க WEB-INF இல் எந்த நுழைவு பயன்படுத்தப்படுகிறது? servlet-mapping servlet-registration servlet-entry servlet-attachment 0 ஜாவா டேட்டாடைப் எண்ணின் நீளம் என்ன? 32 பிட் 16 பிட் 64 பிட் இயக்கநேர குறிப்பிட்ட 0 ஜாவா டேட்டாடைப் பூலியனின் இயல்புநிலை மதிப்பு என்ன? உண்மை பொய் 1 0 1

புதிய தேர்வைத் தொடங்கும்போது டைமரை அமைத்தல்

பயனர் ஒரு புதிய தேர்வைத் தொடங்கும்போது, ​​பயனரின் அமர்வில் வினாடி வினாவின் மொத்த கேள்விகள் மற்றும் கால அளவை ஒரு பண்புக்கூறாக அமைப்போம்.

request.getSession (). setAttribute ('totalNumberOfQuizQuestions', document.getElementsByTagName ('totalQuizQuestions'). உருப்படி (0) .getTextContent ()) request.getSession (). setAttribute ('quizDuration' ' .item (0) .getTextContent ()) request.getSession (). setAttribute ('min', document.getElementsByTagName ('quizDuration'). உருப்படி (0) .getTextContent ()) request.getSession (). setAttribute ('sec ', 0)

கவுண்டவுன் நேரம்

ஒவ்வொரு விநாடிக்கும் பிறகு நாம் டைமரைக் குறைக்க வேண்டும், அதைச் செய்ய நாம் ஒரு ஜாவாஸ்கிரிப்ட் செயல்பாட்டை உருவாக்கப் போகிறோம், அது தேர்வுப் பக்கம் ஏற்றப்படும்போது முதலில் அழைக்கப்படும், பின்னர் ஒவ்வொரு விநாடிக்கும் பின்னர் கவுண்டவுன் நேரத்திற்கு அந்த செயல்பாட்டை மீண்டும் மீண்டும் அழைப்போம்.

பொம்மை மற்றும் சமையல்காரர் என்றால் என்ன

கவுண்டன் நேரத்திற்கு ஜாவாஸ்கிரிப்ட் செயல்பாடு

var tim var min = '$ {sessionScope.min var' var sec = '{{sessionScope.sec var' var f = புதிய தேதி () செயல்பாடு customSubmit (someValue) {document.questionForm.minute.value = min document.questionForm. second.value = sec document.questionForm.submit ()} function examTimer () {if (parseInt (sec)> 0) {document.getElementById ('showtime'). உள் HTML = 'மீதமுள்ள நேரம்:' + min + 'நிமிடங்கள்,' + sec + 'விநாடிகள்' sec = parseInt (sec) - 1 tim = setTimeout ('examTimer ()', 1000)} else {if (parseInt (min) == 0 && parseInt (sec) == 0) {document.getElementById ('ஷோடைம்'). உள் HTML = 'மீதமுள்ள நேரம்:' + நிமிடம் + 'நிமிடங்கள்,' + நொடி + 'விநாடிகள்' எச்சரிக்கை ('நேரம் வரை') document.questionForm.minute.value = 0 document.questionForm.second.value = 0 ஆவணம் .questionForm.submit ()} if (parseInt (sec) == 0) {document.getElementById ('showtime'). உள் HTML = 'மீதமுள்ள நேரம்:' + min + 'நிமிடங்கள்,' + sec + 'விநாடிகள்' min = parseInt (நிமிடம் ) - 1 நொடி = 59 நேரம் = செட் டைமவுட் ('பரீட்சை டைமர் ()', 1000)}}}

ஜாவாஸ்கிரிப்ட் செயல்பாட்டை எவ்வாறு அழைப்பது

இப்போது, ​​அந்த ஜாவாஸ்கிரிப்ட் செயல்பாட்டை அழைக்க, உடல் குறிச்சொல்லின் ஆன்லோட் பண்புக்கூறைப் பயன்படுத்தப் போகிறோம்.

வினாடி வினா நேரத்தை தேர்வு கட்டுப்படுத்திக்கு சமர்ப்பித்தல்

இப்போது வரை நாங்கள் வினாடி வினா கேள்விகளை நேரடியாக தேர்வு கட்டுப்பாட்டாளரிடம் சமர்ப்பித்தோம், ஆனால் இப்போது நாம் டைமர் அளவுருக்களை அனுப்ப வேண்டும்: நிமிடம் மற்றும் இரண்டாவது மேலும் தேர்வு கட்டுப்பாட்டாளர் அடுத்த கேள்வியைக் காண்பிக்கும் போது அது சரியான மீதமுள்ள நேரத்தையும் காண்பிக்க வேண்டும். அதை அடைய நாங்கள் படிவத்தை கைமுறையாக ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி சமர்ப்பித்து, நிமிடம் மற்றும் நொடி அளவுருக்களை தேர்வுக் கட்டுப்பாட்டாளருக்கு அனுப்புகிறோம்.

ஜாவாஸ்கிரிப்ட் பயன்படுத்தி படிவத்தை சமர்ப்பித்தல்

பயனர் அடுத்த, முந்தைய அல்லது பூச்சு பொத்தானைக் கிளிக் செய்யும் போது customSubmit () ஜாவாஸ்கிரிப்ட் செயல்பாடு அழைக்கப்படும் என்பதை நினைவில் கொள்க.

$ {தேர்வு} 

0} '>

நேரத்தை கையாளுதல்

வினாடி வினாவின் காலம் முடிந்ததும், வேறுவிதமாகக் கூறினால், நிமிடம் மற்றும் இரண்டாவது இரண்டும் பூஜ்ஜியமாக மாறும் போது. “டைம் அப்” என்று ஒரு எச்சரிக்கை பெட்டியைக் காண்பிப்போம், நிமிடம் மற்றும் இரண்டாவது மதிப்பை பூஜ்ஜியமாக அமைத்து படிவத்தை சமர்ப்பிக்கவும்.

if (parseInt (min) == 0 && parseInt (sec) == 0) {document.getElementById ('showtime'). உள் HTML = 'மீதமுள்ள நேரம்:' + நிமிடம் + 'நிமிடங்கள்,' + நொடி + 'விநாடிகள்' எச்சரிக்கை ('நேரம் மேலே ') document.questionForm.minute.value = 0 document.questionForm.second.value = 0 document.questionForm.submit ()}

தேர்வுக்கான கால அவகாசம் முடிந்ததும் தேர்வு முடிவடையும் வகையில் நாம் குறியீட்டை மாற்ற வேண்டும்.

else if ('Exam Exam'.equals (action) || (நிமிடம் == 0 && இரண்டாவது == 0)) {பூச்சு = உண்மையான எண்ணின் முடிவு = பரீட்சை கணக்கீடு முடிவு (பரீட்சை) கோரிக்கை.செட்அட்ரிபியூட் (' முடிவு ', முடிவு) கோரிக்கை .getSession (). setAttribute ('currentExam', null) request.getRequestDispatcher ('/ WEB-INF / jsps / result.jsp'). முன்னோக்கி (கோரிக்கை, பதில்)}

எனவே, பூச்சு பொத்தானை நேரடியாகக் கிளிக் செய்வதன் மூலம் அல்லது தேர்வின் நேர வரம்பு முடிந்ததும் (நிமிடம் மற்றும் இரண்டாவது இரண்டும் பூஜ்ஜியமாக மாறும்) ஒரு தேர்வை முடிக்க முடியும்.

இந்த இடுகைக்கு அதுதான். அடுத்த இடுகையில், நாங்கள் எங்கள் வினாடி வினா பயன்பாட்டை மேலும் விரிவுபடுத்தி புதிய அம்சத்தைச் சேர்ப்போம், இதன் மூலம் பயனர் தனது பதில்களை மதிப்பாய்வு செய்து, எந்த கேள்விகளை அவர் தவறாகப் புரிந்து கொண்டார், சரியான பதில்கள் என்ன என்பதை அறிந்து கொள்ள முடியும்.

எப்போதும் போல நீங்கள் குறியீட்டைப் பதிவிறக்கலாம், நீங்கள் விரும்பியபடி மாற்றவும். குறியீட்டைப் புரிந்துகொள்வதற்கான சிறந்த வழி இதுதான். உங்களிடம் ஏதேனும் கேள்வி அல்லது கோரிக்கை இருந்தால் கீழே கருத்துத் தெரிவிக்கவும்.

குறியீட்டைப் பதிவிறக்க பதிவிறக்க பொத்தானைக் கிளிக் செய்க.

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.

தொடர்புடைய இடுகைகள்:

சுருக்க வர்க்கத்திற்கும் இடைமுகத்திற்கும் இடையில் வேறுபாடு