Countdown Break Timer

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