Learn JavaScript setTimeout() in 6 minutes! ⏰

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

00:00:00 introduction
00:00:30 setTimeout w/ callback
00:01:04 setTimeout w/ anonymous functions
00:01:25 setTimeout w/ arrow funcitons
00:01:43 clearTimeout()
00:02:32 start button
00:03:51 clear button
00:05:49 conclusion

// setTimeout() = function in JavaScript that allows you to schedule
// the execution of a function after an amount of time
// Times are approximate
// setTimeout(callback, delay);

function hello() {
}

setTimeout(hello, 3000);

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

Комментарии

// setTimeout() = function in JavaScript that allows you to schedule
// the execution of a function after an amount of time
// Times are approximate
// setTimeout(callback, delay);

// EXAMPLE 1
function hello() {
window.alert("Hello");
}

setTimeout(hello, 3000);

// EXAMPLE 2
// clearTimeout() = can cancel a timeout before it triggers

const timeoutId = setTimeout(() => window.alert("Hello"), 3000);

clearTimeout(timeoutId);

// EXAMPLE 3

let timeoutId;

function showAlert() {
window.alert("Hello");
}

function startTimer() {
timeoutId = setTimeout(showAlert, 3000);
console.log("STARTED");
}

function clearTime() {
clearTimeout(timeoutId);
console.log("CLEARED");
}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<button
<button
<script src="index.js"></script>
</body>
</html>

BroCodez

I changed "hello" to "too late" so its like you make a game to press clear before the pop up window comes out and says "too late"

nicktorius

1 thousand nah 1 1 thousand, 2 thousand nah 2 1 thousand

futuredoctor

Hi, the statment "function clearTime() {"
must be: "function clearTimer() {"

mazinhussein

hey bro, what do you think is a project i could try doing with all of the things we've learned?

hunin

Learn JavaScript setTimeout() in 6 minutes! ⏰

Learn JavaScript setTimeout() in 6 minutes! ⏰

setTimeout JavaScript in 2 minutes | JavaScript Tutorial

setInterval and setTimeout: timing events - Beau teaches JavaScript

Timers in JavaScript (setTimeout & setInterval)

Hello World in different programming languages #programming #memes

JavaScript setTimeout and setInterval | Mastering Advanced JavaScript Concepts

JavaScript Session-6|setTimeOut|setInterval|Callback functions|javascript for beginners

Understand What is setTimeout() Method? - JavaScript Exercise

setTimeout vs setInterval in JavaScript

javascript tricky question | setTimeout inside loop

How To Show Hide Form After 10 Second in JavaScript - SetTimeout Function

How to use SetTimeout in JavaScript

setTimeout + Closures Interview Question 🔥 | Namaste 🙏 JavaScript Ep. 11

Junior Developer v/s Senior Developer😛 #shorts #funny

How to use setInterval and setTimeout in javascript

#47 How to use setTimeout() and setInterval() | JavaScript Full Tutorial

Faster setTimeout For Beginners #setTimeout #vscode #javascript #shorts #beginners #100daysofcode

Javascript Timing Function Explained | SetTimeout Vs SetInterval

Cleaner setTimeout Callbacks

Set Timeout | Javascript | One Minute Javascript | 1 Min JS | Quick JS

#29. Таймеры в JavaScript (setTimeout, setInterval, clearTimeout, clearInterval)

setTimeout with Closures | Hola JavaScript Ep. 7

setTimeout and setInterval in JavaScript

Difference between setTimeout() and setInterval() method in JavaScript #javascriptinterviewquestions