Countdown Break Timer

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