Countdown Break Timer

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