Countdown Break Timer

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