Countdown Break Timer

waves-effect <div Break class="row"> min="1" style="width:160px; </div> <input <a std-center id="startBreak" <a id="otherSlider" onclick="setCountdown(20);">20 class="std-btn id="countdown-slider" btn" s12 Minutes</a> class="std-btn waves-effect waves-light /> <a waves-light class="std-right" Countdown std-left"> onclick="setCountdown(60);">60 std-center <a btn col std-center"> countdown="5" waves-light waves-effect std-center <div std-center waves-effect class="std-btn onclick="setCountdown(document.getElementById('otherSlider').value);">Other</a> btn" countdown="10" btn </div> class="std-btn class="countdown"></div> btn" </div> class="std-btn countdown="60" waves-effect std-center <p><div waves-light class="std-btn waves-light <a Minutes</a> class="std-btn std-center border:0;" Break</a> std-center"> waves-light waves-effect Minutes</a> </div> waves-light waves-effect onclick="startBreak()">Start onclick="setCountdown(10);">10 max="60" style="width:400px; waves-light countdown="30" class="std-btn <div <div std-center btn" countdown="20" onclick="stopBreak()">Stop btn" <a <a Timer Break</a> onclick="setCountdown(30);">30 nowrap;"> std-left" <div waves-effect <div class="row"> id="otherValue" waves-effect id="countdown" disabled" onclick="setCountdown(15);">15 </div> countdown="" class="std-left" type="range" Minutes</a> btn" s12 white-space: onclick="setCountdown(5);">5 Minutes</a> <a Minutes</a> <a class="range-field btn" waves-light id="stopBreak"class="std-btn class="input-field std-center display:inline; class="col countdown="15" onchange="updateSliderText(this.value);"