Name: 1.6 Refreshing Data with setInterval() - Working with Data and APIs in JavaScript
Uploaded: 2020-03-27T19:54:54.000Z
Duration: 8 min 44 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

To-infinitive

So far, we've looked at how to reach out and make

a request using the fetch function to an external API

The imperative

with a particular URL path, grab the data in JSON format,

And in this case, the data that I'm getting

is the latitude and longitude of the International Space

And I'm plotting it on a map using the Leaflet.js library.

So the one key feature-- there's a couple of different features

But one really key feature that I did not implement

is having that latitude and longitude refresh automatically

Now, it is important that I remind myself that the rate

limits of this API specify that I cannot make the request more

So I should limit my refresh rate of the application itself

And this is something that you have to be conscientious about.

You don't have to worry too much about it.

the rate at which you're requesting data from API

It could, at a certain point, cost you a lot of money

So you have to be thoughtful about how often you're

But even before that, I think what I would like to see happen

So let's see if we can at least fix that.

And here, once I get the data from the International Space

Station, this is where I update the marker's location.

I should be able to also update the maps location.

So when you are specifying the location of a marker,

When you are specifying the location of the map itself,

And I would give it a latitude and longitude, and also then

I don't know what's going to be a reasonable.

Apparently it's over open water right now,

so we're not seeing anything super interesting.

It's right there in the middle of the Atlantic Ocean right

I want to get the new latitude and longitude every so often.

So there is a function in JavaScript called setInterval.

says, hey, take this function, maybe your function called

getISS, and have it happen every so often, like every 1,000

I want it to happen right when the page loads,

because setInterval will actually wait a second

So I'm going to leave this redundant one in here.

GetISS, and then every one second, do that again.

There's a whole video for just one line of code?

JavaScript, as you might know, is case sensitive.

So we can see this number is changing every so often.

Even though I wanted to set the maps location here initially,

Well, there's a variety of ways I can do this.

But I think one way I could do is just use a Boolean flag

So I can say something like, first time is true.

Subtitles ListPlay Video

1.6 Refreshing Data with setInterval() - Working with Data and APIs in JavaScript

grab

character

manipulate

variety