Create Account
Sign In
Toggle navigation
Home
Practice Exams
LMS
Courses
Pattern
Pricing
Syllabus
About Us
Contact Us
More
Why Us?
Our Mission
News
Blogs
FAQS
HTML interview question set 18
: Question
1
of 30
HTML5 brings to the Web video and audio tracks without needing plugins
HTML5 brings to the Web video and audio tracks without needing plugins
1 Mark(s)
TRUE
FALSE
Which is not a Boolean attribute?
Which is not a Boolean attribute?
1 Mark(s)
Multiple
Novalidate
Formvalidate
Formtarget
In HTML Audio/Video DOM __________ sets or returns the volume of the audio/video.
In HTML Audio/Video DOM __________ sets or returns the volume of the audio/video.
1 Mark(s)
src
volume controls
volume
video Tracks
Which element does not support form attribute?
Which element does not support form attribute?
1 Mark(s)
Which element has been removed from HTML5 (W3C) specification?
Which element has been removed from HTML5 (W3C) specification?
1 Mark(s)
What can be used to verify a displayed graphics?
What can be used to verify a displayed graphics?
1 Mark(s)
Property checkpoints
Region Checkpoints
On-Screen Action
Local Storage
In HTML Audio/Video DOM __________ returns a TextTrackList object representing the available text tracks
In HTML Audio/Video DOM __________ returns a TextTrackList object representing the available text tracks
1 Mark(s)
ready state
startDate
videoTracks
textTracks
Which of the following does not lie under the attribute of
and is not supported by Opera?
Which of the following does not lie under the attribute of
and is not supported by Opera?
1 Mark(s)
url
time
tel
option
Which attribute of
element can be used both with
and
elements?
Which attribute of
element can be used both with
and
elements?
1 Mark(s)
List
Pattern
Multiple
Max
Which of the following is used for plug-in content?
Which of the following is used for plug-in content?
1 Mark(s)
Which is the new attribute of
element that is used to change the appearance of checkbox?
Which is the new attribute of
element that is used to change the appearance of checkbox?
1 Mark(s)
Indeterminate
Media
EI
Target
Which tag is used to defines multiple media resources for media elements audio and video?
Which tag is used to defines multiple media resources for media elements audio and video?
1 Mark(s)
The interactive element audio with the attribute controls must not appear as a descendant of which element?
The interactive element audio with the attribute controls must not appear as a descendant of which element?
1 Mark(s)
a
button
audio
both 1 and 2
. Which of the following attribute adds audio controls, like play, pause, and volume?
. Which of the following attribute adds audio controls, like play, pause, and volume?
1 Mark(s)
audio
controls
source
src
Which of the following browser does not support wav file format?
Which of the following browser does not support wav file format?
1 Mark(s)
opera
Firefox
Chrome
Internet Explorer
". Consider the markup and answer the question that follow. Which HTML5 element can replace the ""?"" ?"
". Consider the markup and answer the question that follow. Which HTML5 element can replace the ""?"" ?"
1 Mark(s)
both 1 & 2
There is an audio format supported across all browsers
There is an audio format supported across all browsers
1 Mark(s)
TRUE
FALSE
In HTML Audio/Video DOM __________ returns a MediaError object representing the error state of the audio/video.
In HTML Audio/Video DOM __________ returns a MediaError object representing the error state of the audio/video.
1 Mark(s)
ended
seeking
error
mediaGroup
What does ‘On-Screen Action’ means in the testing of HTML5 applications?
What does ‘On-Screen Action’ means in the testing of HTML5 applications?
1 Mark(s)
Using Drag action
Using new input type
Using play and pause action of audio and video elements
Verifying SVG and Canvas elements
In HTML Audio/Video DOM __________ sets or returns whether the audio/video should start playing as soon as it is loaded
In HTML Audio/Video DOM __________ sets or returns whether the audio/video should start playing as soon as it is loaded
1 Mark(s)
controls
audiotracks
autoplay
currentScr
The _________ element is used to render simple graphics such as line art, graphs, and other custom graphical elements on the client side.
The _________ element is used to render simple graphics such as line art, graphs, and other custom graphical elements on the client side.
1 Mark(s)
metadata
css
canvas
art
Which of the following is not the keyword of form method attribute?
Which of the following is not the keyword of form method attribute?
1 Mark(s)
GET
POST
PUT
OUT
Prior to HTML5 in web market, traditionally, multimedia has been inserted with the concept of tag-based multimedia back
Prior to HTML5 in web market, traditionally, multimedia has been inserted with the concept of tag-based multimedia back
1 Mark(s)
TRUE
FALSE
Which plugins can provide the fallback support for old browsers?
Which plugins can provide the fallback support for old browsers?
1 Mark(s)
Flash
Quicktime
Both Flash and Quicktime
Fireback and Quickertime
Which of the following tag is used for audio in HTML5?
Which of the following tag is used for audio in HTML5?
1 Mark(s)
Which of the following is not the promises of the open web platform?
Which of the following is not the promises of the open web platform?
1 Mark(s)
Security and Privacy
Performance and Tuning
Media and Real-Time Communications
Device Interconnection
Which element does not support autofocus attribute?
Which element does not support autofocus attribute?
1 Mark(s)
</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="<base>15364" value="4" name="1536[]" type="radio"/> <label for="<base>15364"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1"><base></span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_47" name="question[1542]" id="1542" style="display:none;" value="0"> <input type="hidden" name="time_spent[1542]" id="time_spent_1542" value="0"> <div class="questions"> <span class="language_l1"> The __________ element represents a span of text that is isolated from its surroundings for the purposes of bidirectional text formatting </span> <span class="language_l2" style="display: none;"> The __________ element represents a span of text that is isolated from its surroundings for the purposes of bidirectional text formatting </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="b15421" value="1" name="1542[]" type="radio"/> <label for="b15421"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">b</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="b15422" value="2" name="1542[]" type="radio"/> <label for="b15422"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">b</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="bdo15423" value="3" name="1542[]" type="radio"/> <label for="bdo15423"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">bdo</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="base15424" value="4" name="1542[]" type="radio"/> <label for="base15424"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">base</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_47" name="question[1526]" id="1526" style="display:none;" value="0"> <input type="hidden" name="time_spent[1526]" id="time_spent_1526" value="0"> <div class="questions"> <span class="language_l1"> In HTML Audio/Video DOM __________ sets or returns whether the audio/video should start over again when finished </span> <span class="language_l2" style="display: none;"> In HTML Audio/Video DOM __________ sets or returns whether the audio/video should start over again when finished </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="loop15261" value="1" name="1526[]" type="radio"/> <label for="loop15261"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">loop</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="seeking15262" value="2" name="1526[]" type="radio"/> <label for="seeking15262"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">seeking</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="played15263" value="3" name="1526[]" type="radio"/> <label for="played15263"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">played</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> <div class="question_div subject_47" name="question[1535]" id="1535" style="display:none;" value="0"> <input type="hidden" name="time_spent[1535]" id="time_spent_1535" value="0"> <div class="questions"> <span class="language_l1"> Which attribute does not lie inside <a> and <area> elements? </span> <span class="language_l2" style="display: none;"> Which attribute does not lie inside <a> and <area> elements? </span> <div class="row"> <div class="col-md-8 text-center"> </div> <div class="col-md-4"> <span class="pull-right"> 1 Mark(s)</span> </div> </div> <div class="option-hints pull-right default" data-placement="left" data-toggle="tooltip" ng-show="hints" title=""> <i class="mdi mdi-help-circle"> </i> </div> </div> <hr> <div class="select-answer"> <ul class="row list-style-none"> <li class="col-md-6"> <input id="Media15351" value="1" name="1535[]" type="radio"/> <label for="Media15351"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">Media</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="Ping15352" value="2" name="1535[]" type="radio"/> <label for="Ping15352"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">Ping</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="Hreflang15353" value="3" name="1535[]" type="radio"/> <label for="Hreflang15353"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">Hreflang</span> <span class="language_l2" style="display: none;"></span> </label> </li> <li class="col-md-6"> <input id="Preload15354" value="4" name="1535[]" type="radio"/> <label for="Preload15354"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"> </i> </span> <span class="language_l1">Preload</span> <span class="language_l2" style="display: none;"></span> </label> </li> </ul> </div> </hr> </div> </div> <hr> <div class="row"> <div class="col-md-12"> <button class="btn btn-lg btn-success button prev" type="button"> <i class="mdi mdi-chevron-left "> </i> Previous </button> <button class="btn btn-lg btn-dark button next" id="markbtn" type="button"> Mark For Review & Next </button> <button class="btn btn-lg btn-success button next" type="button"> Next <i class="mdi mdi-chevron-right"> </i> </button> <button class="btn btn-lg btn-dark button clear-answer" type="button"> Clear Answer </button> <button class="btn btn-lg btn-danger button finish" type="submit"> Finish </button> </div> </div> </hr> </div> </div> </div> </form> </div> </div> </div> <!-- /#page-wrapper --> </div> <style> .ft-hei{ height: 75px; } </style> <footer> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6"> <div > <img src="https://examspiders.co.in/public/uploads/settings/P2D2849CBpLd3pY.png" alt="logo" class="img-responsive ft-hei"> </div> <h4 class="cs-footer-title">Follow Us On</h4> <ul class="cs-social-share"> <li><a href="https://www.facebook.com/" target="_blank" class="brand-facebook"><i class="fa brand-color fa-facebook"></i></a></li> <li><a href="https://twitter.com/" target="_blank" class="brand-twitter"><i class="fa brand-color fa-twitter"></i></a></li> <li><a href="https://plus.google.com/discover" target="_blank" class="brand-pinterest"><i class="fa brand-color fa-google-plus"></i></a></li> </ul> </div> <div class="col-md-4 col-sm-6"> <div class="row"> <div class="col-sm-6 col-xs-6"> <h4 class="cs-footer-title">Need Help?</h4> <ul class="cs-footer-links"> <li><a href="https://examspiders.co.in/practice-exams">Practice Exams</a></li> <li><a href="https://examspiders.co.in/LMS/all-categories">LMS</a></li> <li><a href="https://examspiders.co.in/site/about-us">About Us</a></li> <li><a href="https://examspiders.co.in/contact-us">Contact Us</a></li> <li><a href="https://examspiders.co.in/site/terms-conditions">Terms And Conditions</a></li> <li><a href="https://examspiders.co.in/site/privacy-policy">Privacy And Policy</a></li> </ul> </div> </div> </div> <div class="col-md-4 col-sm-12"> <h4 class="cs-footer-title">Email Newsletter</h4> <div class="form-group"> <input type="email" class="form-control" placeholder="Email Address" id="email1" required> </div> <button class="btn btn-primary btn-shadow btn-block" onclick="showSubscription()" >Subscribe</button> </div> </div> </div> </footer> <div class="cs-copyrights"> <div class="container"> © Copyright © 2012 - 2020 ExamSpiders . All Rights Reserved | Design and Developed By AICT PVT LTD. </div> </div> <script src="https://examspiders.co.in/public/js/jquery.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/bootstrap.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/slider/slick.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/bootstrap.offcanvas.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/jRate.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/wow.min.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/site/js/main.js"></script> <script src="https://examspiders.co.in/Themes/themeone/assets/js/notify.js"></script> <script src="https://examspiders.co.in/public/js/sweetalert-dev.js"></script> <script src="https://examspiders.co.in/public/js/mousetrap.js"></script> <script src="https://examspiders.co.in/public/js/landing-js/all.js"></script> <script> var csrfToken = $('[name="csrf_token"]').attr('content'); setInterval(refreshToken, 600000); // 1 hour function refreshToken(){ $.get('refresh-csrf').done(function(data){ csrfToken = data; // the new token }); } setInterval(refreshToken, 600000); // 1 hour </script> <link rel="stylesheet" href="https://examspiders.co.in/public/css/alertify/themes/alertify.core.css" > <link rel="stylesheet" href="https://examspiders.co.in/public/css/alertify/themes/alertify.default.css" id="toggleCSS" > <script src="https://examspiders.co.in/public/js/alertify.js"></script> <script src="https://examspiders.co.in/public/js/bootstrap-toggle.min.js"> </script> <script src="https://examspiders.co.in/public/js/jquery.flexslider.js"></script> <script src="https://examspiders.co.in/public/js/angular.js"></script> <script src="https://examspiders.co.in/public/js/angular-messages.js"></script> <script src="https://examspiders.co.in/public/js/mousetrap.js"></script> <script> var app = angular.module('academia', []); app.controller('angExamScript', function($scope, $http) { $scope.initAngData = function(data) { if(data=='') { return; } $scope.hints = 0; $scope.saved_bookmarks = []; $scope.intilizeBookmarks('questions'); $scope.bookmarks = []; angular.forEach(data, function(value, index) { $scope.bookmarks[value] = 0; }); } $scope.getToken = function(){ return $('[name="_token"]').val(); } $scope.intilizeBookmarks = function(item_type) { route = 'https://examspiders.co.in/student/bookmarks/getSavedList'; data= {_method: 'post', '_token':$scope.getToken(), 'item_type':item_type }; $http.post(route, data).success(function(result) { $scope.saved_bookmarks = result; angular.forEach($scope.bookmarks, function(value, index) { $scope.bookmarks[index] = $scope.isBookmarked(index); }); }); } $scope.isBookmarked = function(item_id) { res = $scope.findIndexInData($scope.saved_bookmarks, 'item_id', item_id) return res; } /** * This method searches for the particular element in the sent array and returns * -1 if not found * 0>= if item is found * @param {[type]} Array [description] * @param {[type]} property [description] * @param {[type]} action [description] * @return {[type]} [description] */ $scope.findIndexInData =function (Array, property, action) { var result = -1; angular.forEach(Array, function(value, index) { if(value[property]==action){ result=index; } }); return result; } /** * This method bookmarks or unbookmarks the given item id * If the operation is delete, it removes the bookmark * if the operation is add, It adds the bookmark * @param {[type]} item_id [description] * @param {[type]} operation [description] * @param {[type]} item_type [description] * @return {[type]} [description] */ $scope.bookmark = function(item_id, operation, item_type) { bookmark_value=0; route = 'https://examspiders.co.in/student/bookmarks/add'; data= {_method: 'post', '_token':$scope.getToken(), 'item_id': item_id, 'item_type':item_type }; if(operation=='delete') { route = 'https://examspiders.co.in/student/bookmarks/delete/'+item_id; bookmark_value = -1; data= {_method: 'delete', '_token':$scope.getToken()}; } $http.post(route, data).success(function(result, status) { if(result.status==0){ alertify.error(result.message); } else { if(operation=='delete') { var index = $scope.saved_bookmarks.indexOf(item_id); $scope.saved_bookmarks.splice(index, 1); } else { var obj = { id: $scope.saved_bookmarks.length, item_id: item_id }; $scope.saved_bookmarks.push(obj); } $scope.bookmarks[item_id] = bookmark_value; alertify.success(result.message); } }); } }); /** * General Exam Scripts * Variables used in the below script */ var EFFECT = 'bounceInDown'; var DURATION = 500; var DIV_REFERENCE = $("#questions_list .question_div"); var MAXIMUM_QUESTIONS = $("#questions_list .question_div").size(); var VISIBLE_ELEMENT = "#questions_list .question_div:visible"; var HINTS = 0; var ANSWERED = ' answered'; var NOT_ANSWERED = ' not-answered'; var ANSWER_MARKED = ' marked'; var NOT_VISITED = ' not-visited'; var TOTAL_ANSWERED = 0; var TOTAL_MARKED = 0; var TOTAL_NOT_VISITED = MAXIMUM_QUESTIONS; var TOTAL_NOT_ANSWERED = MAXIMUM_QUESTIONS; var HOURS = 0; var MINUTES = 0; var SECONDS = 0; var SPENT_TIME = []; DIV_REFERENCE.first().show(); updateCount(); // onlclick of next button $('.next').on('click', function() { nextClick($(this).attr('id')); $('.next #markbtn').show(); }); // onlclick of prev button $('.prev').on('click', function() { prevClick($(this).attr('id')); }); $('.clear-answer').on('click', function() { clearAnswer(); }); function nextClick(argument) { is_marked = 0; if(argument == 'markbtn') { is_marked = 1; } processNext(is_marked); $(VISIBLE_ELEMENT).next('div').fadeIn(DURATION).prev().hide(); doGeneralOperations(); return false; } function prevClick(argument) { is_marked = 0; if(argument == 'markbtn') { is_marked = 1; } processNext(is_marked); $(VISIBLE_ELEMENT).prev('div').fadeIn(DURATION).next().hide(); doGeneralOperations(); return false; } function clearAnswer() { list = $(VISIBLE_ELEMENT + ' input '); $.each( list, function() { elementType = $(this).attr('type'); switch(elementType) { case 'radio': $(this).prop('checked', false); break; case 'checkbox': $(this).attr('checked', false); break; case 'text': $(this).val(''); break; } }); } function bookmark(operation) { item_id = $(VISIBLE_ELEMENT).attr('id'); item_type = 'questions'; angular.element('.examform').scope().bookmark(item_id, operation, item_type); angular.element('.examform').scope().$apply(); } /** * The below method will determine the input elements and accordingly * update the status of palete and count of palete based on the event generated * @param {Boolean} is_marked [is true if user clicks for mark for review button] * @return {[type]} [description] */ function processNext(is_marked) { /** * Get all the elements of type input */ list = $(VISIBLE_ELEMENT + ' input '); /** * Get all the elements of type text area */ textarea_list = $(VISIBLE_ELEMENT + ' textarea '); // This is the global flag to determine wether the user is answered or skipped this question answer_status = 0; //Process input type of elements in foreach loop if(list!=0) { list.each(function(index, value){ element_type = $(value).attr('type'); switch(element_type) { case 'radio': if($(value).prop('checked')) answer_status = 1; break; case 'checkbox': if($(value).prop('checked')) answer_status = 1; break; case 'text': if($(value).val().length != 0) answer_status = 1; break; } }); } //Process textarea type of elements in foreach loop if(textarea_list.length) { textarea_list.each(function(index, value){ if($(value).val().length!=0) answer_status = 1; }); } //Assign the appropriate clase based on the answer type class_name = NOT_ANSWERED; if(answer_status) { if(is_marked) class_name = ANSWER_MARKED; else class_name = ANSWERED; } //Update the palette with status $(".question-palette .pallete-elements:eq("+getCurrentIndex()+")") .removeClass(NOT_VISITED + NOT_ANSWERED + ANSWER_MARKED) .addClass(class_name); return false; } /** * The below method keeps eye on the index of questions and hides/shows the next and previous buttons * @return {[void]} [description] */ function checkButtonStatus() { CURR_INDEX = getCurrentIndex()+1; if(CURR_INDEX == MAXIMUM_QUESTIONS) { $('.next').fadeOut(); $('.prev').fadeIn(); $('.next #markbtn').show(); } else if(CURR_INDEX == 1) { $('.prev').fadeOut(); $('.next').fadeIn(); } else { $('.next').show(); $('.prev').show(); } } /** * The below method contains all common operations to perform after an event has generated * @return {[type]} [description] */ function doGeneralOperations() { setQuestionNumber(); checkButtonStatus(); updateCount(); return false; } /** * This method returns the current visible div index; * @return {[type]} [description] */ function getCurrentIndex() { return $(VISIBLE_ELEMENT).index(); } /** * This method is used to show the specific based on the provided index value * @param {[type]} index [description] * @return {[type]} [description] */ function showSpecificQuestion(index) { $(VISIBLE_ELEMENT).hide(); $("#questions_list .question_div:eq("+index+")").fadeIn(); doGeneralOperations(); return false; } /** * This method is used to update the overall summary of the palletes. * @return {[type]} [description] */ function updateCount() { TOTAL_NOT_ANSWERED = $(".not-answered").length - 1; TOTAL_NOT_VISITED = $(".not-visited").length - 1; TOTAL_MARKED = $(".marked").length - 1; TOTAL_ANSWERED = $(".answered").length - 1; $('#palette_total_answered').html(TOTAL_ANSWERED); $('#palette_total_marked').html(TOTAL_MARKED); $('#palette_total_not_visited').html(TOTAL_NOT_VISITED); $('#palette_total_not_answered').html(TOTAL_NOT_ANSWERED); } function showSubjectQuestion(subject_id) { question_number = $($("."+subject_id).first()).attr('id'); $(VISIBLE_ELEMENT).hide(); $("#"+question_number).fadeIn(); doGeneralOperations(); return false; } $('.finish').on('click', function() { }); /** * This method is used to track the question no to show it on serial no. */ function setQuestionNumber() { $('#question_number').html(getCurrentQuestionNumber()); } /** * This method is used to fetch the current question no. * @return {[type]} [description] */ function getCurrentQuestionNumber() { return $(VISIBLE_ELEMENT).index()+1; } function intilizetimer(hrs, mins, sec) { HOURS = hrs; MINUTES = mins; SECONDS = sec; $("#timerdiv").addClass('text-success'); startInterval(); } function startInterval() { timer= setInterval("tictac()", 1000); } function stopInterval() { clearInterval(timer); } function tictac(){ SECONDS--; visible_div_id = $(VISIBLE_ELEMENT).attr('id'); if(isNaN(SPENT_TIME[visible_div_id])) SPENT_TIME[visible_div_id] = 0; else SPENT_TIME[visible_div_id] = SPENT_TIME[visible_div_id]+1; $('#time_spent_'+visible_div_id).val(SPENT_TIME[visible_div_id]); if(SECONDS<=0) { MINUTES--; $("#mins").text(MINUTES); if(MINUTES<1) { if(HOURS==0) { $("#timerdiv").removeClass('text-success'); $("#timerdiv").addClass("text-red"); } } if(MINUTES<0) { if(HOURS!=0) { MINUTES = 59; HOURS = HOURS-1; SECONDS = 59; $("#mins").text(MINUTES); $("#hours").text(HOURS); return; } stopInterval(); $("#mins").text('0'); alert('You are exceeded the time to finish the exam.'); $('#onlineexamform').submit(); } SECONDS=60; } if(MINUTES>=0) $("#seconds").text(SECONDS); else $("#seconds").text('00'); } Mousetrap.bind('left', function() { prevClick(); }); Mousetrap.bind('right', function() { nextClick(); }); Mousetrap.bind('escape', function() { clearAnswer(); }); Mousetrap.bind(['shift+up'], function(e) { bookmark('add'); }); Mousetrap.bind(['shift+down'], function(e) { bookmark('delete'); }); </script> <script src="https://examspiders.co.in/public/js/plugins/ckeditor-standard/ckeditor.js"></script> <!--JS Control--> <script type="text/javascript"> /** * intilizetimer(hours, minutes, seconds) * This method will set the values to defaults */ $(document).ready(function () { intilizetimer(00,30,1); // intilizetimer(5,20,0); }); function languageChanged(language_value) { if(language_value=='language_l2') { $('.language_l1').hide(); $('.language_l2').show(); } else { $('.language_l2').hide(); $('.language_l1').show(); } } </script> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> </body> </html>