JavaScript setInterval() Function - JavaScript Tutorial 111

Показать описание

Notes for You:: JavaScript setInterval() Function - JavaScript Tutorial 111
JavaScript setInterval(functionName,timeInterval) function:
- executes a function repeatedly after every specified time interval

JavaScript clearInterval(handlerName) function:
- stops executing a function pointed by the handler

Example Code 1: Display Counter in JavaScript.

<span id="spnCounter"></span>

<script type="text/javascript">

var counter = 5;
var counterHandler = setInterval(changeCounter, 1000);

function changeCounter()
{
counter--;

if(counter == 0)
clearInterval(counterHandler);
}
</script>

Example Code 2: Display Clock in JavaScript.

<span id="hours">00</span> : <span id="minutes">00</span> : <span id="seconds">00</span>

<script type="text/javascript">

var seconds = 60;
var minutes = 0;
var hours = 0;

var timerHandler = setInterval(changeTime,1000);

function changeTime()
{

seconds--;
if(seconds==0)
{
seconds = 60;
minutes++;
if(minutes==60)
{
minutes=0;
hours++;
if(hours==24)
{
seconds=60;
minutes=0;
hours=0;
}
}
}
}
</script>

Note:
- replace < with less-than symbol.
- replace > with greater-than symbol.

=========================================

Follow the link for next video:

Follow the link for previous video:

=========================================

JavaScript Tutorials Playlist:-

=========================================
Watch My Other Useful Tutorials:-

jQuery Tutorials Playlist:-

jQuery UI Tutorials Playlist:-

Bootstrap Tutorials Playlist:-

=========================================

► Subscribe to our YouTube channel:

► Visit our Website:

=========================================
Hash Tags:-
#ChidresTechTutorials #JavaScript #JavaScriptTutorial

Рекомендации по теме

Комментарии

👍Every video on my channel is made with Love and Hard work, So don't forget to Like, Comment & Share.
👉Please do Subscribe, Hit the bell icon & Enjoy Learning. It's FREE.

ChidresTechTutorials

Please Sir, keep coding, keep teaching, keep doing it. Amazing explanation!

loscolaro

Thanks for the video sir.

Sir, why did you convert that counter to string?

ayindejubrilolarewaju

JavaScript setInterval() Function - JavaScript Tutorial 111

JavaScript setTimeout & setInterval In 90 Seconds #JavaScriptJanuary

Using the setInterval() function in JavaScript

setInterval JavaScript in EASIEST WAY | setInterval & clearInterval

Timers in JavaScript (setTimeout & setInterval)

setInterval and setTimeout: timing events - Beau teaches JavaScript

Understanding JavaScript setInterval function | Javascript Tutorial

setTimeout() and setInterval() – JavaScript Tutorial

9.5: JavaScript setInterval() Function - p5.js Tutorial

JavaScript Timing Functions: SetTimeout() vs. SetInterval() Guide #javascript #programming

setTimeout vs setInterval in JavaScript

Функции в JAVASCRIPT. Стрелочные функции, рекурсия, планирование: setTimeout и setInterval....

Learn JavaScript In Arabic 2021 - #105 - setInterval and clearInterval

JavaScript #23: создание функций (new Function), функции setTimeout, setInterval и clearInterval...

How setInterval works in JavaScript

Learn JavaScript setTimeout() in 6 minutes! ⏰

9.4: JavaScript setTimeout() Function - p5.js Tutorial

Very simple JavaScript timer [setInterval()]

Running functions on an Interval with setInterval - JavaScript Programming Basics p.3

Javascript Timing Function Explained | SetTimeout Vs SetInterval

Javascript: How setTimeout and setInterval works

SetInterval function in Javascript

setInterval and clearInterval function in javascript | #javascript tutorial in 1 minutes #coding

JavaScript. Планирование: setTimeout и setInterval.

setInterval and setTimeout in JavaScript | JavaScript Tutorial in Hindi #46