Countdown Break Timer

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