Countdown Break Timer

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