Update a variable globally within setInterval function

Question

Update a variable globally within setInterval function

Seeking assistance on showcasing the number of seconds that have elapsed using a setInterval function in JavaScript integrated within HTML. The code snippet below has been attempted, but it is only displaying 1 second and the test function appears to not be running more than once. Any guidance or suggestions would be greatly valued!

var n=1;
function test() {
    document.write(n);
n=n+1;
}
setInterval(test(), 1000);

javascript setinterval

Answer 1

Answer №1

Make sure to exclude the parentheses following the function name and instead only list the function's name.

var x = 10;
function display() {
  document.write(x);
  x = x + 1;
}
setInterval(display, 1000);

Answer 2

Make sure to exclude the parentheses following the function name and instead only list the function's name.

var x = 10;
function display() {
  document.write(x);
  x = x + 1;
}
setInterval(display, 1000);

Answer 3

Answer №2

let count = 1;

function displayCount() {
  document.getElementById("counter").innerHTML = count;
  count += 1;
}

setInterval(() => {
  displayCount()
}, 1000);

<div id="counter">0</div>

Answer 4

let count = 1;

function displayCount() {
  document.getElementById("counter").innerHTML = count;
  count += 1;
}

setInterval(() => {
  displayCount()
}, 1000);

<div id="counter">0</div>

Answer 5

Answer №3

This should also function properly!

let x=5;
function update() {
    document.write(x);
    x=x+1;
}
setInterval(() => update(), 1000);

Note: Avoid creating unnecessary functions like the one above!

Answer 6

This should also function properly!

let x=5;
function update() {
    document.write(x);
    x=x+1;
}
setInterval(() => update(), 1000);

Note: Avoid creating unnecessary functions like the one above!

Answer 7

Answer №4

let counter = 1;
function increment() {
    document.write(counter);
    counter = counter + 1;
}
setInterval(increment, 1000);

Omit the parentheses

Answer 8

let counter = 1;
function increment() {
    document.write(counter);
    counter = counter + 1;
}
setInterval(increment, 1000);

Omit the parentheses

Answer 9

Answer №5

It is recommended to eliminate parentheses from the function inside setInterval when calling the target function.

var count = 1;
function test() {
  document.write(count);
  count = count + 1;
}
setInterval(test, 1000);

Another approach is to display the incremented number in a special element instead of using write() for smoother functionality

var num = 0;
function test() {
  document.getElementsByTagName("div")[0].innerHTML = num += 1;
}
setInterval(test, 1000);

<div>0</div>

Answer 10

It is recommended to eliminate parentheses from the function inside setInterval when calling the target function.

var count = 1;
function test() {
  document.write(count);
  count = count + 1;
}
setInterval(test, 1000);

Another approach is to display the incremented number in a special element instead of using write() for smoother functionality

var num = 0;
function test() {
  document.getElementsByTagName("div")[0].innerHTML = num += 1;
}
setInterval(test, 1000);

<div>0</div>

Update a variable globally within setInterval function

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Module request: How can I save the gathered cookies as a variable?

AJAX code fetching dynamic content without relying on file loading

Converting RGBA to Hex Color Code with Javascript: A Step-by-Step Guide

Securely Upload Files with JavaScript

Adjusting webpage background with JavaScript

Error: stripe.redirectToCheckout does not exist and cannot be executed

Steps for implementing a conditional statement to handle an empty string in HTML

Javascript - readjust weight distribution accordingly when a weight is removed

Why does the header still show content-type as text/plain even after being set to application/json?

Is it necessary to include @types/ before each dependency in react native?

Use regular expressions and JavaScript to enclose a series of English letters within a wrapper

Having trouble getting anime.js to function properly in an Ionic 3 project?

Is there a way to use HTML and CSS to switch the style of a dynamic decimal number to either Roman numerals or Katakana characters within a specified HTML element, such as a tag, div

The data retrieved from the backend is being stored in an object, however, it is not directly accessible through

I am trying to access the serial number data from an array of objects in ReactJS. Can anyone guide me

Is it possible to retrieve the complete file path in a form?

Tips for avoiding duplicate elements in ASP.NET during postback

Is there a way for me to automatically update the contents of div x using Ajax whenever the contents of div y are changed with another Ajax call?

Guide to deploying a Node.js application with a Gruntfile on Heroku

Executing Basic Authentication in Javascript through window.open()