Countdown Break Timer

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