Author: John Au-Yeung

Sometimes, we want to auto refresh page every 30 seconds with JavaScript.

In this article, we’ll look at how to auto refresh page every 30 seconds with JavaScript.

How to auto refresh page every 30 seconds with JavaScript?

To auto refresh page every 30 seconds with JavaScript, we call setTimeout with a callback that calls location.reload.

For instance, we write

window.setTimeout(() => {
  window.location.reload();
}, 30000);

to call setTimeout with a callback that calls location.reload after 30000 milliseconds or 30 seconds.

Conclusion

To auto refresh page every 30 seconds with JavaScript, we call setTimeout with a callback that calls location.reload.

Sometimes, we want to dynamically add variable name value pairs to JSON Object with JavaScript.

In this article, we’ll look at how to dynamically add variable name value pairs to JSON Object with JavaScript.

How to dynamically add variable name value pairs to JSON Object with JavaScript?

To dynamically add variable name value pairs to JSON Object with JavaScript, we use square brackets.

For instance, we write

const obj = {};
obj["name"] = value;
obj["anotherName"] = anotherValue;

to define the obj object.

Then we add the name and anotherName properties into it.

This is the same as

const obj = { name: value, anotherName: anotherValue };

We can use keys that aren’t valid JavaScript property names with square brackets.

Conclusion

To dynamically add variable name value pairs to JSON Object with JavaScript, we use square brackets.

Sometimes, we want to define a JavaScript function to get the difference between two numbers.

In this article, we’ll look at how to define a JavaScript function to get the difference between two numbers.

How to define a JavaScript function to get the difference between two numbers?

To define a JavaScript function to get the difference between two numbers, we use the Math.abs function.

For instance, we write

const difference = (a, b) => {
  return Math.abs(a - b);
};

to define the difference function.

In it, we call Math.abs with a - b to get the absolute difference between a and b.

Conclusion

To define a JavaScript function to get the difference between two numbers, we use the Math.abs function.

Sometimes, we want to get the base file name in JavaScript.

In this article, we’ll look at how to get the base file name in JavaScript.

How to get the base file name in JavaScript?

To get the base file name in JavaScript, we can use some string methods.

For instance, we write

const basename = (path) => {
  return path.split("/").reverse()[0];
};

to define the basename function that gets the base file name by calling split with '/' to split the path string into an array of path segment strings.

And then we call reverse to return a reversed version of the array and then use [0] to get the base file name from the path.

Conclusion

To get the base file name in JavaScript, we can use some string methods.