ایک آن لائن کوئز درخواست میں جاوا اسکرپٹ کاؤنٹ ڈاون ٹائمر نافذ کرنا



کسی آن لائن کوئز ایپلی کیشن کے لئے جاوا اسکرپٹ کاؤنٹ ڈاؤن ٹائمر کو نافذ کرنے کے لئے مرحلہ وار گائیڈ آپ کو الٹی گنتی ٹائمر جاوا اسکرپٹ کی زبان ہونے پر عمل درآمد میں مدد کرے گا

اس پوسٹ میں ہم اپنی کوئز ایپلی کیشن کو بڑھا دیں گے اور اس میں جاوا اسکرپٹ کا گنتی ٹائمر کی فعالیت شامل کریں گے۔ ایک اور چیز جو ہم یہاں نافذ کریں گے وہ ہے کوڈ شامل کرنا تاکہ ہر کوئز میں مختلف سوالات ہوسکیں۔ اگر آپ نے پہلا حصہ پہلے ہی نہیں پڑھا ہے تو ، میں آپ کو مشورہ دوں گا کہ اس میں سے گزریں۔ اس پوسٹ کی پیروی کرنا اور اسے مکمل طور پر سمجھنا آپ کے لئے آسان ہوگا۔

آپ پہلا حصہ یہاں پڑھ سکتے ہیں .آپ اپنے کونیئر کیریئر کے مواقع کو بھی اختیار کر کے بڑھا سکتے ہیں .





جاوا اسکرپٹ کاؤنٹ ڈاؤن ٹائمر

ہر کوئز کا وقتی معائنہ کوئز XML فائل میں رکھا جاتا ہے ، ہم کوئز کا دورانیہ بازیافت کرتے ہیں اور اسے صارف کے سیشن میں بطور صفت محفوظ کرتے ہیں۔ جب صارف کوئی سوال پیش کرتا ہے تو ہم جاوا اسکرپٹ کے ساتھ کسٹم فارم جمع کرانے کا استعمال کرتے ہوئے کنٹرولر کو وقت بھی جمع کراتے ہیں۔ لہذا ، جب ہم اگلا سوال دکھاتے ہیں تو ہم باقی وقت کو صحیح طور پر ظاہر کرتے ہیں۔

javascript-countdown-timer-online-quiz-application



جب کوئز کی مدت پوری ہوجاتی ہے تو ، صارف کو 'ٹائم اپ' کہتے ہوئے ایک انتباہ خانہ دکھایا جائے گا اور کوئز کا اندازہ کیا جائے گا اور حتمی نتیجہ ظاہر کیا جائے گا۔

شیف سرور انسٹال کرنے کا طریقہ

آئیے دیکھتے ہیں کہ ہمیں اس کو حاصل کرنے کے لئے کیا ضرورت ہے۔



ہم نے کوئز XML فائل میں کوئز سوالات سے پہلے دو نئی لائنیں شامل کیں۔

جاوا کوئز (2015/01/18) 10 2 صحیح ترکیب کون سا ہے؟ عوامی کلاس ABC QWE میں توسیع کرتی ہے طلبہ IN i = 'A' اسٹرنگ s = 'ہیلو' نجی کلاس ABC 2 جاوا میں درج ذیل میں سے کون سا کلیدی لفظ نہیں ہے؟ جاوا کے بارے میں کیا سچ ہے؟ جاوا ایک پلیٹ فارم مخصوص ہے جاوا ایک سے زیادہ وراثت کی حمایت نہیں کرتا ہے جاوا لینکس پر نہیں چلتا ہے اور میک جاوا ایک کثیر جہتی زبان نہیں ہے 1 مندرجہ ذیل میں سے کون سا انٹرفیس ہے؟ تھریڈ چلنے کے قابل تاریخ کیلنڈر 1 کس کمپنی نے جاوا ورژن 8 جاری کیا؟ سن اوریکل ایڈوب گوگل 1 جاوا زبان کے کس زمرے میں آتا ہے؟ پہلی نسل کی زبانیں دوسری نسل کی زبانیں تیسری نسل کی زبانیں چوتھی نسل زبانیں 2 کون سا طے شدہ پیکیج ہے جو آپ کے پروگرام کو خود بخود نظر آتا ہے؟ java.net javax.swing java.io java.lang 3 WEB-INF میں کون سا اندراج سرویلیٹ کے نقشے کے لئے استعمال ہوتا ہے؟ سرویلیٹ میپنگ سرولیٹ-رجسٹریشن سرولیٹ انٹری سرولیٹ اٹیچمنٹ 0 جاوا ڈیٹا ٹائپ انٹ کی لمبائی کتنی ہے؟ 32 بٹ 16 بٹ 64 بٹ رن ٹائم مخصوص 0 جاوا ڈیٹا ٹائپ بلین کی پہلے سے طے شدہ قیمت کیا ہے؟ سچ جھوٹا 1 0 1

نیا امتحان شروع کرنے پر ٹائمر کا تعین کرنا

جب صارف نیا امتحان شروع کرتا ہے ، تو ہم صارف کے سیشن میں کوئز کے کل سوالات اور مدت کو بطور خاص منسوب کرتے ہیں۔

گذارش. .item (0) .getTextContent ()) request.getSession (). setAttribute ('min'، دستاویز.getElementsByTagName ('کوئز ڈوریوشن'). آئٹم (0) .getTextContent ()) درخواست.getSession (). setAttribute ('سیکنڈ) '، 0)

الٹی گنتی کا وقت

ہمیں ہر سیکنڈ کے بعد ٹائمر کم کرنا پڑتا ہے ، یہ کرنے کے لئے ہم جاوا اسکرپٹ کا فنکشن بنانے جا رہے ہیں جو امتحان پیج لوڈ ہونے پر پہلے بلایا جائے گا اور پھر ہم اس فنکشن کو ہر سیکنڈ کے بعد الٹی گنتی کے وقت پر دوبارہ گنتی کے لئے کال کریں گے۔

گنتی وقت تک جاوا اسکرپٹ کا فنکشن

var ٹائم مت من = '$ {سیشنسکوپ.مین' var 'وار سیکن =' $ {سیشنسکوپ.سیق} 'ور ایف = نئی تاریخ () فنکشن کسٹم سبمٹ (کچھ قدر) {دستاویز.کٹیشنفارم.میمیٹ.والیو = منٹ دستاویزات ۔کشنفورم۔ دوسرا.یویلیو = سیکنڈ دستاویز.قسمتی فورم.سبب ()} فنکشن امتحان ٹائمر () {اگر (پارس آئینٹ (سیکنڈ)> 0) {دستاویز.ગેٹ ایلیمنٹ بائ آئڈ ('شو ٹائم')۔ اندرونی ایچ ٹی ایم ایل = 'وقت باقی رہنا:' + منٹ + 'منٹ ،' + سیکنڈ + 'سیکنڈ' سیکنڈ = پارسیٹ (سیکنڈ) - 1 ٹائم = سیٹ ٹائم آؤٹ ('امتحان ٹائمر ()'، 1000)} دوسری} اگر (پارسیٹ (منٹ) == 0 & & پارسیٹ (سیکنڈ) == 0) {دستاویز.getElementById ('شو ٹائم'). اندرونی ایچ ٹی ایم ایل = 'وقت باقی رہنا:' + منٹ + 'منٹ ،' + سیکنڈ + 'سیکنڈ' الرٹ ('ٹائم اپ') دستاویز.کٹیشنفورمینٹ.یویلیو = 0 دستاویزات ۔کیسشنفارم.سیونڈ.الیو = 0 دستاویز .questionForm.submit ()} if (parseInt (sec) == 0) {دستاویز.getElementById ('شو ٹائم'). اندرونی HTML = 'وقت باقی رہنا:' + منٹ + 'منٹ ،' + سیکنڈ + 'سیکنڈ' منٹ = پارسیٹ (منٹ) ) - 1 سیکنڈ = 59 ٹائم = سیٹ ٹائم آؤٹ ('امتحان ٹائمر ()' ، 1000)}}

جاوا اسکرپٹ کو کس طرح فون کریں

اب ، اس جاوا اسکرپٹ کو فون کرنے کے ل we ہم باڈی ٹیگ کے اوورلوڈ وصف کو استعمال کرنے جارہے ہیں۔

کوئز کا امتحان امتحان کنٹرولر میں جمع کروانا

اب تک ہم کوئز سوالات کا فارم براہ راست ایگزام کنٹرولر کے پاس جمع کرواتے تھے ، لیکن اب ہمیں ٹائمر پیرامیٹرز بھیجنا پڑتا ہے: منٹ اور سیکنڈ بھی تاکہ جب امتحان کنٹرولر اگلا سوال دکھائے تو یہ بھی باقی وقت کو درست طریقے سے ظاہر کرے۔ اس مقصد کو حاصل کرنے کے لئے ہم نے جاوا اسکرپٹ کا استعمال کرتے ہوئے دستی طور پر فارم جمع کرایا ہے اور کم سے کم اور سیکنڈ پیرامیٹرز کو امتحان کنٹرولر کو بھیج دیا ہے۔

جاوا اسکرپٹ کا استعمال کرتے ہوئے فارم جمع کرنا

نوٹ کریں کہ جب صارف اگلے ، پچھلے یا ختم والے بٹن کسٹمسبب () جاوا اسکرپٹ فنکشن پر کال کرے گا۔

{{انتخاب} 

0} '>

وقت کو سنبھالنا

جب کوئز کا دورانیہ ختم ہوجاتا ہے ، دوسرے لفظوں میں جب منٹ اور دوسرا دونوں صفر ہوجاتے ہیں۔ ہم 'ٹائم اپ' کہتے ہوئے ایک انتباہ خانہ دکھاتے ہیں اور منٹ اور دوسرے کی قیمت صفر سے طے کرتے ہیں اور فارم جمع کرواتے ہیں۔

if (parseInt (min) == 0 && parseInt (سیکنڈ) == 0) {دستاویز.getElementById ('شو ٹائم'). اندرونی HTML = 'وقت باقی رہنا:' + منٹ + 'منٹ ،' + سیکنڈ + 'سیکنڈ' الرٹ ('وقت اوپر ') دستاویز.قویتفورمینٹ.یویلیو = 0 دستاویزات ۔قصانتفرم.سیونڈ.یویلیو = 0 دستاویزات ۔قصابتفرم.سبمیٹ ()}

ہمیں کوڈ کو تبدیل کرنا ہوگا تاکہ امتحان ختم ہونے پر امتحان ختم ہوجائے۔

بشرطیکہ اگر ('امتحان ختم کرو'۔ امتحانات (ایکشن) || (منٹ == 0 && دوسرا == 0)) {ختم = سچ انٹرنس نتیجہ = exam.calculateResult (امتحان) کی درخواست.setAttribute ('نتیجہ' ، نتیجہ) کی درخواست .getSession (). setAttribute ('currentExam'، null) विनंती .getRequestDispatcher ('/ WEB-INF / jsps / પરિણામ.jsp'). آگے (درخواست ، جواب)

لہذا ، کسی امتحان کو یا تو ختم بٹن پر براہ راست کلک کرکے یا امتحان کی وقت کی حد ختم ہونے پر (دونوں منٹ اور دوسرا صفر ہوجاتا ہے) ختم کیا جاسکتا ہے۔

بس اسی پوسٹ کے ل for اگلی پوسٹ میں ہم اپنی کوئز ایپلی کیشن کو مزید وسعت دیں گے اور نئی خصوصیت شامل کریں گے تاکہ صارف اپنے جوابات کا جائزہ لے سکے اور جان سکے کہ اسے کون سے سوالات غلط ہوئے ہیں اور صحیح جوابات کیا تھے۔

سی ++ میں فنکشن اوورلوڈنگ

ہمیشہ کی طرح آپ کوڈ ڈاؤن لوڈ کرسکتے ہیں ، اپنی پسند کے مطابق اسے تبدیل کریں۔ کوڈ کو سمجھنے کا یہی بہترین طریقہ ہے۔ اگر آپ کو کوئی سوال یا درخواست ہے تو ذیل میں تبصرہ کریں۔

کوڈ کو ڈاؤن لوڈ کرنے کے لئے ڈاؤن لوڈ کے بٹن پر کلک کریں۔

ہمارے لئے ایک سوال ہے؟ برائے کرم اس کا تذکرہ سیکشن میں ذکر کریں اور ہم آپ کو واپس ملیں گے۔

متعلقہ اشاعت: