Countdown Break Timer

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