Countdown Break Timer

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