Countdown Break Timer

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