Countdown Break Timer

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