Countdown Break Timer

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