Countdown Break Timer

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