How To Add Javascript "stop" And "reset" Button To The Following:
I need help with adding a stop and reset button for the following count up, so that it doesnt start till you press start, and it doesnt reset unless you press reset, also a stop bu
Solution 1:
functionstopCount() {
clearInterval(timer);
}
functionresetCount() {
document.getElementById('counter').innerHtml = 0;
}
And use jQuery to attach event listeners to some html element, or if you are never going to get complicated enough to need it, just stick them in the onclick properties as recommended by SimonMayer.
Solution 2:
How about this?
<script>var timer;
var stop;
functionstartCount()
{
stop = false;
timer = setInterval(count,1);
}
functionstopCount()
{
stop = true;
}
functioncount()
{
if(stop == false)
{
var el = document.getElementById('counter');
var currentNumber = parseFloat(el.innerHTML);
el.innerHTML = currentNumber+0.00000003831417624521;
}
}
</script></head><body><divid="counter">0</div><inputtype="button"value="reset"id="reset"onclick="document.getElementById('counter').innerHTML = 0;" /><inputtype="button"value="start"id="start"onclick="startCount();" /><inputtype="button"value="stop"id="stop"onclick="stopCount();" /></body></html>EDIT - now includes stop functionality
NOTE - I have moved the <script> into the <head> - All content should either be inside the head or the body.
Post a Comment for "How To Add Javascript "stop" And "reset" Button To The Following:"