Countdown Break Timer

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