Countdown Break Timer

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