Countdown Break Timer

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