Countdown Break Timer

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