Countdown Break Timer

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