Creating a continuous counter with Javascript?

Question

function lemath()
{
    var count;
    count = 0;
    stuff.innerHTML = "stuff" + count;

}

function begin()
{
    lemath();
    setTimeout(function() {
        begin();
    }, 1000);

}

I'm trying to create an infinite loop that will count each time it loops and display it, but when I do the code above it just gives back undefined? Thank you very much with the help! :)

Where is stuff defined ? count appear to be reset to 0 at each call to lemath ? — guest271314
– guest271314, Commented Nov 26, 2015 at 17:22

Lucas Pottersky · Accepted Answer · 2015-11-26 17:33:28Z

1

var count = 0; // declaring "count" here makes the variable globally available

function lemath()
{    
    count++;
    var stuff = document.getElementById('stuff');
    stuff.innerHTML = "stuff: " + count;
}

function begin()
{
    lemath();
    setTimeout(begin, 1000, window);
}

document.addEventListener('DOMContentLoaded', function () {    
    begin();
});

Demo: http://jsfiddle.net/pottersky/jj30s2Le/1/

edited Nov 26, 2015 at 17:33

answered Nov 26, 2015 at 17:27

Lucas Pottersky

1,9537 gold badges25 silver badges41 bronze badges

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

1 Comment

Arturs Timofejevs Over a year ago

Oh my god thank you, I've been struggling with this for past 3 hours!

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

you can use `setInterval` javascript method for increase your counter


// setInterval(fn, time);

 // your counter state should be start from 0
let count = 0;

// Your function should be run each time (for example each second)
const increment = () => {
    count++
// show count in console or in DOM
    console.log(count)
    element.innerHTML = count
}

setInterval(increment, 1000);

For Performance reason and for stop or reset timer you can use `clearInterval` method


const timer = setInterval(increment, 1000);

 // stop counter

  clearInterval(timer)

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jun 1, 2020 at 22:53

hamidreza nikoonia

2,1752 gold badges24 silver badges31 bronze badges

Collectives™ on Stack Overflow

Creating a continuous counter with Javascript?

2 Answers 2

1 Comment

you can use `setInterval` javascript method for increase your counter

For Performance reason and for stop or reset timer you can use `clearInterval` method

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

you can use setInterval javascript method for increase your counter

For Performance reason and for stop or reset timer you can use clearInterval method

Comments

Your Answer

Sign up or log in

Post as a guest

Related

you can use `setInterval` javascript method for increase your counter

For Performance reason and for stop or reset timer you can use `clearInterval` method