filmov
tv
JavaScript setTimeout() Function | Make Loading page in HTML & JavaScript - JavaScript Tutorial 110
Показать описание
Notes for You:: JavaScript setTimeout(functionName, delayTime) function.
- executes a function after a specified delay time.
Example Code 1:
<p id="firstp">Some Text </p>
<script type="text/javascript">
setTimeout(changeText,3000);
function changeText()
{
}
</script>
Example Code 2: Loader page with HTML, CSS and JavaScript.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Timing Functions</title>
<style type="text/css">
#loader
{
width:50px;
height:50px;
background-color:white;
border:10px solid lightgray;
border-top:10px solid black;
border-radius:50%;
animation-name:rotateLoader;
animation-duration:1s;
animation-iteration-count:infinite;
position:absolute;
top:40%;
left:40%;
}
@keyframes rotateLoader
{
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
</style>
</head>
<body>
<div id="loader">
</div>
<script type="text/javascript">
setTimeout(loadNextPage,3000);
function loadNextPage()
{
}
</script>
</body>
</html>
Note:
- replace < with less-than symbol.
- replace > with greater-than symbol.
=========================================
Follow the link for next video:
JavaScript setInterval() Function | Make Timer in JavaScript - JavaScript Tutorial 111
Follow the link for previous video:
JavaScript Events with Return value - JavaScript Tutorial 109
=========================================
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
- executes a function after a specified delay time.
Example Code 1:
<p id="firstp">Some Text </p>
<script type="text/javascript">
setTimeout(changeText,3000);
function changeText()
{
}
</script>
Example Code 2: Loader page with HTML, CSS and JavaScript.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Timing Functions</title>
<style type="text/css">
#loader
{
width:50px;
height:50px;
background-color:white;
border:10px solid lightgray;
border-top:10px solid black;
border-radius:50%;
animation-name:rotateLoader;
animation-duration:1s;
animation-iteration-count:infinite;
position:absolute;
top:40%;
left:40%;
}
@keyframes rotateLoader
{
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
</style>
</head>
<body>
<div id="loader">
</div>
<script type="text/javascript">
setTimeout(loadNextPage,3000);
function loadNextPage()
{
}
</script>
</body>
</html>
Note:
- replace < with less-than symbol.
- replace > with greater-than symbol.
=========================================
Follow the link for next video:
JavaScript setInterval() Function | Make Timer in JavaScript - JavaScript Tutorial 111
Follow the link for previous video:
JavaScript Events with Return value - JavaScript Tutorial 109
=========================================
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
0:09:20
9.4: JavaScript setTimeout() Function - p5.js Tutorial
0:01:48
JavaScript setTimeout & setInterval In 90 Seconds #JavaScriptJanuary
0:06:13
Learn JavaScript setTimeout() in 6 minutes! ⏰
0:08:21
setTimeout() and setInterval() – JavaScript Tutorial
0:01:57
Using setTimeout function in javascript
0:04:52
Javascript setTimeout function
0:11:47
JavaScript setTimeout() Function | Make Loading page in HTML & JavaScript - JavaScript Tutorial ...
0:01:46
setTimeout JavaScript in 2 minutes | JavaScript Tutorial
0:02:40
🔴#14 MERN Stack Interview Questions | Fresh Graduates Must Watch
0:02:16
How setTimeout function works in JavaScript?
0:08:52
Delaying your JavaScript code with the setTimeout() function
0:03:05
Timers in JavaScript (setTimeout & setInterval)
0:04:14
setTimeout() Function
0:17:43
setTimeout + Closures Interview Question 🔥 | Namaste 🙏 JavaScript Ep. 11
0:00:53
How to make sleep() 😴 function in JavaScript | SetTimeout() | Promises | Async | Await | Basics
0:02:35
javascript tricky question | setTimeout inside loop
0:11:09
setInterval and setTimeout in JavaScript | JavaScript Tutorial in Hindi #46
0:00:44
JavaScript setTimeout function
0:13:56
How to use SetTimeout in JavaScript
0:08:52
How To Show Hide Form After 10 Second in JavaScript - SetTimeout Function
0:08:28
setTimeout and setInterval in JS
0:04:06
Implementing a Custom setTimeout Function in JavaScript
0:00:39
JavaScript function set Timeout #javascript #function #settimeout #shorts
0:07:36
JavaScript setTimeout & clearTimeout Tutorial in Hindi / Urdu
Комментарии