Javascript simple count up with delay [duplicate]

Question

I've got a JS script that should change a html element - visibly count 1 to 100. When I add a timeout, the for loop doesn't loop anymore - jumps right to 100. It works with alert but not with the div change.

var theLabel = document.getElementById("counter");
 function doSetTimeout(i) {
  setTimeout(function() {
    /*alert(i); */
    theLabel.innerHTML = i;

    }, 1000);
  }

 for (var i = 1; i <= 100; i++)
 doSetTimeout(i);

waki · Accepted Answer · 2014-12-21 10:38:23Z

0

http://jsfiddle.net/hqh6Lne9/

var i = 0;
theLabel = document.getElementById("counter");
var interval = setInterval(function(){ 
    if (i == 100) clearInterval(interval);
    theLabel.innerHTML = i; 
    i++;
}, 
1000);

answered Dec 21, 2014 at 10:38

waki

1,2582 gold badges17 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

yadayada Over a year ago

thanks, had no idea about the need to clear it

Collectives™ on Stack Overflow

Javascript simple count up with delay [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related