Javascript: setTimeout ve setInterval Fark─▒

}

Giri┼č

Hepinize merhabalar arkada┼člar,
Bu yaz─▒m─▒zda sizlerle birlikte javascriptte yayg─▒n olarak kullan─▒lan setTimeout ve setInterval fonksiyonlar─▒na de─činece─čiz.

Bu iki fonksiyonun temel amac─▒; istedi─činiz g├Ârevleri(komutlar─▒) belirli periyotlarda yerine getirmesidir.
Bu periyotlar milisaniye cinsinden girilir.

─░kisini birbirinden ay─▒ran nokta ise; setTimeout'un g├Ârevleri sadece bir defa yerine getirmesi, setInterval'in ise siz durdurmad─▒─č─▒n─▒z s├╝rece ayn─▒ periyotta g├Ârevleri bir defadan fazla tekrarlamas─▒d─▒r.

SetTimeout

setTimeOut fonksiyonu belirtti─činiz milisaniye'den sonra tek seferlik ├žal─▒┼č─▒r.
├ľrne─čin sitenizde x saniye sonra tek seferlik reklam ├ž─▒kmas─▒n─▒ istiyor olabilirsiniz.

setTimeout(() => {
    //10 saniye sonra yap─▒lacak i┼člemler
    alert("reklam")
},10000)

10 saniye sonra kar┼č─▒la┼čaca─č─▒m─▒z ekran g├Âr├╝nt├╝s├╝:
Screenshot_257

SetInterval

setInterval fonksiyonu ise setTimeout'un neredeyse ayn─▒s─▒d─▒r. Birbirinden ay─▒ran nokta ise bu fonksiyonun birden fazla kez ayn─▒ periyotta ├žal─▒┼čmas─▒d─▒r.
├ľrne─čin 15 saniye sonra reklam─▒ ge├ž butonu ├ž─▒kan bir uygulama yapal─▒m.

HTML:

<body>
    <p>Video <span id="time">15</span> saniye sonra a├ž─▒lacakt─▒r.</p>
</body>

JAVASCRIPT:

let second = 15;
setInterval(() => {
    second--;
    document.querySelector("#time").innerText = second;
}, 1000);

ÇIKTI:
setInterval-1

Her bir saniyede second de─či┼čkeni bir azalt─▒larak ekrana bas─▒l─▒yor.
Fakat sonsuza kadar azalarak devam ediyor. ├ç├╝nk├╝ setInterval fonksiyonunu biz durdurmad─▒─č─▒m─▒z s├╝rece i┼člemlerini yapmaya devam eder.

clearInterval ve clearTimeout Fonksiyonlar─▒

Gelin ┼čimdi de setInterval fonksiyonunu nas─▒l durduraca─č─▒m─▒za bakal─▒m.
├ľncelikle yukar─▒da yazd─▒─č─▒m─▒z setInterval fonksiyonunu bir de─či┼čkene atayal─▒m:

let second = 15;
let secondInterval = setInterval(() => {
    second--;
    document.querySelector("#time").innerText = second;
}, 1000);

┼×imdi ise clearInterval fonksiyonunu kullanarak saniye 0 ise bu fonksiyonu kald─▒ral─▒m. Kodlar─▒m─▒z─▒n son h├óli:

let second = 15;
let secondInterval = setInterval(() => {
    second--;
    document.querySelector("#time").innerText = second;
    if (second == 0) clearInterval(secondInterval);
}, 1000);

setInterval-2-1

clearTimeout'u da setTimeout kulland─▒─č─▒n─▒z i┼člemlerde yukar─▒daki gibi kullanabilirsiniz.
Ve t├╝m i┼člemlerimiz bu kadar!
Oku─čunuz i├žin te┼čekk├╝rler, bir sonraki yaz─▒mda g├Âr├╝┼čmek ├╝zere!

Tolga ├ça─člayan

Tolga ├ça─člayan

En tehlikeli kelime nedir Olric? -AmaÔÇÖd─▒r efendim bana g├Âre. Neden Olric? -├ľnceden s├Âylenen her s├Âylemi veya kelimeyi ├Âld├╝r├╝r! Mesela, seni seviyorum ama. gibi.
Anonim