Enter minutes

"; $(".sub").unbind().click(function(){ min=document.querySelector("#ready").value||"default"; if(masss){ sec=document.querySelector("#ready1").value||"default"; } if(min) { $("#ready").animate({right:"15px",opacity:'0'}); $("#ready1").animate({opacity:'1',left:"45%"}); hate.innerHTML="

Enter seconds

" masss=true; } if(sec){ $("#ready1").animate({left:"400px",opacity:'0'}); hate.innerHTML="" masss=false; } if((min) && (sec)){ if((min==="default")&&(sec==="default")){ min=0; sec=0; } min==="default" ? min=0:sec==="default"?sec=0:masss=""; $(".sub").animate({opacity:0}); raj=true; final=(min * 60)+parseInt(sec); b=final; b+=1; validate(); } }); } //Dom selectors //Using ternary operators to Make decisions based on The given input function validate(){ !min && !sec ? (alert("An Empty timer is of no use"),ask(),masss=false): min===0 && sec ? (alert("Timer is now set for "+sec+" seconds Click start now To start"),masss=true): (alert("Timer is now set for "+min+"minutes "+"and "+sec+" seconds Click start now To start"),masss=true); //To load the data In first phase if(masss){ masss=Math.floor(b/60); var secondsw=(b%60)-1; a.classList.add("sizedec"); a.innerHTML=masss+"m: "+secondsw; time.innerHTML="⏰ ==>" remain.innerHTML="seconds Set !!" } } var btn=document.querySelector("#rams") var btn1=btn.getAttribute("disabled") //To make the start now button enabled to start the timer if(btn1){ btn.removeAttribute("disabled"); } btn.addEventListener("click",function(){ btn.setAttribute("disabled","disabled"); //Simple hack that initializes the audio while u click start now so that it can be played after timer ends without Userinteraction audios.play(); audios.pause(); pause.innerHTML=pauseimg; //To avoid negative values if(b>=0){ time.innerHTML="⌛" remove.classList.remove("displayda") timermin(); //Timer starts } }); $("#myonoffswitch").unbind().click(function(){ if(!(dummys)){ alert("Toggle feature cant be triggered in pause mode Or before timer is started") }else{ controller(); } }) //The controller that toggles between minutes view and Normal secs only view function controller(){ if(toggles){ clearInterval(c); //***Questionpart****// a.innerHTML="" anim.classList.add("spinner") //***Class has been added,scrolld down to timermin() where i want my class to be removed***/ //Toggles to minutes a.classList.add("sizedec") timermin(); } else{ a.innerHTML="" clearInterval(ash); a.classList.remove("sizedec") anim.classList.add("spinner") // Toggles to normal secs view b=minutes*60+secs-1; timer(); return true; } } //Normal countdown seconds only view function timer(){ $(".Pause").unbind().click(function(){ pauseme(mainsec,c); return; }); toggles=true; //Acts. as a switch in the controller toggling mainsec(); function mainsec(){ c= setInterval(function(){ b--; if((b<=4)&&(!(b<=0))){ remove.classList.add("displayda") } if(b>=0){ time.classList.add("load") anim.classList.remove("spinner") a.innerHTML=b remain.innerHTML="seconds Remaining" } else if(b===-1){ time.classList.remove("load") a.innerHTML="TimeUp"; time.innerHTML="⏰⏰" remain.innerHTML="==>"; hey.innerHTML="

Stop/Reset now?

"; clearInterval(c); setTimeout(function(){ audios.play(); },300); remove.classList.remove("displayda"); btn2.removeEventListener("click",controller); } },1000); } } //minutes and seconds view function timermin(){ $(".Pause").unbind().click(function(){ pauseme(mainmin,ash); return true; }); toggles=false; //Calculations pa minutes=Math.floor(b/60); secs=(b % 60)-1; a.classList.add("sizedec"); time.classList.add("load") mainmin() function mainmin(){ dummys=true; ash= setInterval(function(){ secs--; //for reducing minutes if((minutes>0) && (secs<0)){ if(anim.classList.contains("spinner")){ anim.classList.remove("spinner") } secs=59; minutes--; a.innerHTML=minutes+"m: "+ secs; } //to finish timer else if(!(minutes<0) && !(secs<0) ) { anim.classList.remove("spinner"); a.innerHTML=minutes+"m: "+ secs } if(!(minutes) && !(secs)){ if(anim.classList.contains("spinner")){ anim.classList.remove("spinner") } normal=false; time.classList.remove("load") a.innerHTML="TimeUp"; time.innerHTML="⏰⏰" remain.innerHTML="==>"; hey.innerHTML="

Stop/Reset now?

"; clearInterval(ash); setTimeout(function(){ audios.play(); },300); resetme() } },1000); }//mainminend } //resetin variables for restarting timer function resetme(){ minutes=secs=min=sec=b=undefined; } function pauseme(toggledecider,pausearg){ if(dummys){ clearInterval(pausearg); dummys=false; pause.innerHTML=playimg; } else{ pause.innerHTML=pauseimg; dummys=true; toggledecider(); } } } mass(); //This reset hyperlink appears once Timer has ended so that once clickdd it calls the main function which is mass() again wen clciked var toreset=document.getElementById("reset"); toreset.addEventListener("click",function(){ audios.pause(); toreset.innerHTML="" a.innerHTML="" time.innerHTML="" remain.innerHTML="" initswitch=true; mass(); }) //***********Thanks for using**********// }

Modern timer[Updated]