Countdown Break Timer

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