Countdown Break Timer

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