Countdown Break Timer

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