How to increment a String value by 1 each second JS

Question

I have a value var x = "2". How can I increment x each second so that one second from when I defined x, x will equal to 3?

My code is shown bellow:

<img src="cookie.jpg" style="text-align:center; width:250px;" id="cookie" onclick="Click()">
<h1 id="score">0</h1>
<script>
  var cookie = document.getElementById("cookie");
  function Click() {
    var scoreStr = document.getElementById("score");
    var score = parseInt(scoreStr.textContent);
    score ++;
    scoreStr.textContent = score;
  }
</script>

Depending on what you're doing, it may be better to instead store the start time, then subtract it from the current time when you need it. — Jiří Baum, May 25 '21 at 05:51

dale landry · Accepted Answer · 2021-05-25T04:20:27.167

4

Use a setInterval and set it to one second => 1000

let display = document.getElementById('display')
let x = display.textContent;
// textContent returns a string value

setInterval(()=>{
  // lets change the string value into an integer using parseInt()
  // parseInt would not be needed if the value of x was `typeof` integer already
  display.textContent = parseInt(x++)
}, 1000)

<div id="display">2</div>

edited May 25 '21 at 04:20

answered May 25 '21 at 03:54

dale landry

7,831
2
16
28

1

@CoderCookie10 If you look at the wizzywig button bar when editing a question, you'll see the bold **`B`**, italic ***`I`*** buttons and then five buttons directly to the right of those... The fifth button that has a greaterthan/lessthan `<>` symbol will open a code editor. – dale landry May 25 '21 at 04:06
Instead of `parseInt`, a lot of people use `x -=- 1` for the same effect... – Jiří Baum May 25 '21 at 05:52

Gustavo Daltoé · Answer 2 · 2021-05-25T04:03:07.157

3

You can use javascript setInterval function https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval

For example:

var x = 0;

setInterval(() => {
  x = x + 1;
}, 1000); //1000ms = 1 second

Then each second it will increment the "x" variable.

edited May 25 '21 at 04:03

answered May 25 '21 at 03:52

Gustavo Daltoé

66
6

How to increment a String value by 1 each second JS

2 Answers2