Countdown Break Timer

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