Countdown Break Timer

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