We have to decrement the timer after each second, to do that we are going to create a Javascript function that will be first called when exam page is loaded and then we will call that function recursively after each second to countdown time.ĭ = min ĭ = sec ĭocument.getElementById("showtime").innerHTML = "Time Remaining :"+min+" Minutes ," + sec+" Seconds" Request.getSession().setAttribute("sec",0) Countdown Time Request.getSession().setAttribute("min",document.getElementsByTagName("quizDuration").item(0).getTextContent()) Request.getSession().setAttribute("quizDuration",document.getElementsByTagName("quizDuration").item(0).getTextContent()) request.getSession().setAttribute("totalNumberOfQuizQuestions",document.getElementsByTagName("totalQuizQuestions").item(0).getTextContent()) When the user starts a new exam, we set the total questions and duration of the quiz in the user`s session as an attribute. What is the default value of Java datatype boolean? What is the length of Java datatype int ? Which entry in WEB-INF is used to map a servlet ? Which is the default package that is automatically visible to your program ? Java comes under which category of languages ? Java does not support multiple inheritance Which of the following a is not a keyword in Java ? public class ABC extends QWE extends Student
We have added two new lines in the quiz XML file, before quiz questions. When the time duration of the quiz is over, the user will be shown an alert box saying “Time Up” and the quiz will be evaluated and the final result will be displayed. So, when we show the next question we display the correct remaining time. When the user submits a question we also submit the time to the controller using custom form submission with JavaScript. Time duration of each quiz is stored in the quiz XML file, we retrieve the duration of the quiz and save it in the user’s session as an attribute.
You could also expand your Angular career opportunities by taking up Angular Certification Training. You can read the first part here Creating an Online Quiz Application using JSP Servlet. It will be easier for you to follow this post and understand it completely. If you haven`t already read the first part, I will recommend you to go through it.
#Js timer countdown code#
Another thing we’ll implement here is, adding code so that each quiz can have different number of questions.
In this post we’ll extend our quiz application and add a JavaScript countdown timer functionality into it.
0 kommentar(er)
