The setInterval() usuli, oyna va ishchi interfeyslar bo'ylab tarqaladi, har bir qo'ng'iroq o'rtasida belgilangan vaqt kechikishi bilan funksiyani qayta-qayta chaqiradi yoki kod parchasini bajaradi. Bu identifikator oralig'iga aylanadi, bu neob-til intervalni aniqlaydi, shuning uchun siz callinterval() yordamida ushbu atamaga o'tishingiz mumkin. Bu usul WindowsOrWorkerGlobalScope mixin yordamiga bog'liq.

Sintaksis

Parametrlar

Eslatma: Birinchi sintaksisdagi setInterval() ga qo'shimcha argumentlarni o'tkazish Internet Explorer 9 va undan oldingi versiyalarida ishlamaydi. Qaysi brauzerga ba'zi funksiyalarni berishga harakat qilsangiz, siz polifill uchun javobgarsiz (bo'limga qarang).

qaytariladigan qiymat

intervalID raqamli, nolga teng bo'lmagan qiymat bo'lib, setInterval() ga qo'ng'iroq orqali yaratilgan taymerni aniqlaydi; bu qiymat vaqt tugashini bekor qilish uchun o'tkazilishi mumkin.

setInterval() va setTimeout() identifikatorlarning umumiy havuziga ega ekanligiga ishonch hosil qilish samarali bo'lishi mumkin va clearInterval() va clearTimeout() texnik jihatdan bir-birining o'rnida ishlatilishi mumkin. Aniqlik uchun, agar kodingizni saqlasangiz, chalkashliklarga yo'l qo'ymaslik uchun uni moslashtirishga harakat qilishingiz uchun javobgarsiz.

Eslatma: Kechikish argumenti imzolangan 32 bitli butun songa aylantiriladi Samarali atama 2147483647 ms ga qo'shiladi, shuning uchun kechikish argumenti IDLda identifikator sifatida qabul qilinadi.

Misollar

1-misol: Asosiy sintaksis

Keyingi qadamlar setInterval() "ning asosiy sintaksisini namoyish etadi.

Var intervalID = window.setInterval(myCallback, 500, "Parametr 1", "Parametr 2"); funktsiya myCallback(a, b) ( // Sizning kodingiz bu yerda // Parametrlar faqat ixtiyoriy. console.log(a); console.log(b); )

2-misol: Ikki rangni almashtirish

To'xtatish tugmasi bosilmaguncha, flashtext() funksiyasi haqida bir soniya eslab qoling.

3-misol: yozuv mashinkasi simulyatsiyasi

Footsteps ma'lum bir selektor guruhiga mos keladigan NodeList-ga tarkibni tozalash va asta-sekin kiritish orqali yozuv mashinkasini simulyatsiya qiladi.

CopyLeft 2012 Mozilla Developer Network tomonidan

[ o'ynash | Pauza | Tugatish ]

JavaScript yozuv mashinasi

qayta qo'ng'iroq qilish argumentlari

Oldinga qarab, Internet Explorer 9 hatto setTimeout() yoki setInterval() da qayta qo'ng'iroq qilish funksiyalariga argumentlarni o'tkazishni hisobga olmaydi. Quyidagi IEga xos ushbu almashinuvni bartaraf etish usulini ko'rsatish uchun kod. Buzish uchun keyingi kodni skriptning yuqori oynasiga tezlashtiring.

Qayta qo'ng'iroq qilish uchun anonim funktsiyalardan foydalanish uchun ko'proq imkoniyatlar mavjud, ammo yechim biroz qimmatroq. Misol:

Var intervalID = setInterval(function() ( myFunc("bir", "ikki", "uch"); ), 1000); var intervalID = setInterval(function(arg1) ().bind(aniqlanmagan, 10), 1000);

Faol bo'lmagan yorliqlar

Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) dan boshlab, shartlar faol bo'lmagan yorliqlarda sekundiga bir martadan ko'p bo'lmagan yonish uchun mahkamlanadi.

"Bu" muammosi

Siz har doim usulni setInterval() dan oldin o'tishingiz kerak yoki u boshqa funktsiya bo'lsin, haqiqiy qiymatlar bilan o'zgartirishlar kiritishingiz kerak bo'ladi. Keling, JavaScript havolasidagi tafsilotlarni ko'rib chiqaylik.

Tushuntirish

setInterval() tomonidan bajarilgan kod chaqirilgan funksiyadan ko'ra alohida ijro kontekstida ishlaydi. Oxirgi chora sifatida belgilangan funktsiya uchun kalit so'z oyna (yoki Global) ob'ektiga tayinlanishi kerak, bu setTimeout deb nomlangan funktsiya qiymati bilan bir xil emas. Bosish tugmachasini bosing (masalan, setInterval() o'rniga setTimeout() - quvvat, amalda barcha taymerlar uchun):

MyArray = ["nol", "bir", "ikki"]; myArray.myMethod = funktsiya (sProperty) ( alert(arguments.length > 0 ? this : this); ); myArray.myMethod(); // "nol, bir, ikki" ni chop etadi myArray.myMethod(1); // "bir" setTimeout (myArray.myMethod, 1000) ni chop etadi; // 1 soniyadan keyin "" chop etadi setTimeout(myArray.myMethod, 1500, "1"); // 1,5 soniyadan keyin "aniqlanmagan" ni chop etadi // "bu" ob'ektni .call bilan o'tkazish ishlamaydi // chunki bu setTimeout ichidagi bu qiymatini o'zgartiradi // biz myArray ichidagi buning qiymatini o'zgartirmoqchi bo'lsak. .myMethod // aslida, vino noto'g'ri bo'lganligi uchun setTimeout kodi bu oyna obyekti bo'lishini kutadi: setTimeout.call(myArray, myArray.myMethod, 2000); // xato: "NS_ERROR_XPC_BAD_OP_ON_WN_PRO obyekti" setTimeout(setTimeout. , myArray.myMethod, 2500, 2); // Xuddi shu xato

Ko'rib turganingizdek, JavaScript alyansida ob'ektingizni qayta qo'ng'iroq qilish funksiyalariga erishishning hech qanday usuli yo'q.

Mumkin yechim

Quvvatni o'zgartirishning mumkin bo'lgan usuli ikkita tabiiy setTimeout() yoki setInterval() global funktsiyalarini ikkita bilan almashtirishdir. mahalliy bo'lmagan Function.prototype.call usuli orqali ularni chaqirishni ta'minlaydiganlar. Quyidagi misolda mumkin bo'lgan almashtirish ko'rsatilgan:

// JavaScript taymerlari orqali "bu" ob'ektga o'tish imkonini beradi var __nativeST__ = window.setTimeout, __nativeSI__ = window.setInterval; window.setTimeout = funktsiya (vCallback, nDelay /*, argumentToPass1, argumentToPass2, va hokazo. */) ( var oThis = this, aArgs = Array.prototype.slice.call(arguments, 2); __nativeST__(vCallback in?) qaytarilsinmi? () ( vCallback.apply(oThis, aArgs); ) : vCallback, nDelay); ); window.setInterval = funktsiya (vCallback, nDelay /*, argumentToPass1, argumentToPass2 va boshqalar. */) ( var oThis = this, aArgs = Array.prototype.slice.call(arguments, 2); return __nativeSI__(vCallback in () () () vCallback.apply(oThis, aArgs); ): vCallback, nDelay); );

Ikkita o'zgartirish HTML5 standartiga qadar IE-dagi qayta qo'ng'iroq qilish funksiyalari taymerlariga o'zboshimchalik bilan argumentlarni o'tkazadi. Shunday qilib, ular sifatida foydalanish mumkin standartga mos kelmaydigan polifills ham. a uchun qarang standartga mos polifill.

Yangi xususiyat testi:

MyArray = ["nol", "bir", "ikki"]; myArray.myMethod = funktsiya (sProperty) ( alert(arguments.length > 0 ? this : this); ); setTimeout(ogohlantirish, 1500, "Salom dunyo!"); // Standart victoria setTimeout va setInterval saqlanadi, lekin... setTimeout.call(myArray, myArray.myMethod, 2000); // 2 soniyadan keyin "nol, bir, ikki" ni chop etadi setTimeout.call(myArray, myArray.myMethod, 2500, 2); // 2,5 soniyadan keyin "ikki" ni chop etadi

Uning murakkabroq, ammo modulli versiyasi uchun ( Daemon) JavaScript JavaScript Demonlarini boshqarish. Bu kattaroq yig'iladigan versiya nafaqat usullarning ajoyib va ​​keng to'plamidir Daemon konstruktor. Biroq, Daemon yoga konstruktorining o'zi klondan boshqa narsa emas MiniDaemon uchun qo'shimcha yordam bilan init va boshlash funksiyalarining e'lon qilinadigan namunasi demon . Shunday qilib MiniDaemon Framework oddiy animatsiyalar uchun tavsiya etilgan usul bo'lib qolmoqda, chunki Daemon Ushbu usullar to'plamisiz, bu faqat uning klonidir.

minidaemon.js

MiniDaemon argumentlarni qayta qo'ng'iroq qilish funktsiyasiga uzatadi. Agar siz ushbu xususiyatni tabiiy ravishda qo'llab-quvvatlamaydigan brauzerlar bilan yangi narsa ustida ishlashni tanlasangiz, ishlab chiqilgan usullardan birini tanlang.

Sintaksis

var myDaemon = Yangi MiniDaemon( thisObject, qayta qo'ng'iroq qilish[ , darajasi [, uzunligi]]);

Tavsif

Foydalanish bo'yicha eslatmalar

SetInterval() funksiyasi, qoida tariqasida, animatsiyalar va boshqalar kabi funktsiyalar uchun amallarni o'rnatish uchun ishlatiladi. WindowsOrWorkerGlobalScope.clearInterval() ga qo'ng'iroq qilib, soatni yoqishingiz mumkin.

Agar siz funktsiyangizga ega bo'lishni istasangiz, chaqiriladi bir marta belgilangan kechikishdan keyin foydalaning.

Kechikish cheklovlari

Shu bilan bir qatorda, setInterval() ga qayta qo‘ng‘iroq qilish setInterval() ni boshqa atamani ishga tushirish uchun ishlatilishi mumkin, shuning uchun u birinchi bo‘lib ketadi. Ishlash, intervallar besh darajadan chuqurroq o‘rnatilgandan so‘ng, brauzer avtomatik ravishda 4 ms tezlikni amalga oshiradi. interval uchun minimal qiymat.

Brauzerlar, agar siz aybdor bo'lishni xohlamasangiz, muayyan sharoitlarda muddat uchun yanada qattiqroq minimal qiymatlarni bilishi mumkin. Qayta qo'ng'iroq qilish uchun qo'ng'iroqlar o'rtasida o'tadigan haqiqiy vaqt miqdori berilgan kechikishdan uzoqroq bo'lishi mumkinligini ham unutmang; Misollar uchun WindowOrWorkerGlobalScope.setTimeout() da ko'rsatilganidan uzoqroq kechikish sabablarini tanlang.

Amalga oshirish davomiyligi interval chastotasidan qisqaroq bo'lishiga ishonch hosil qiling

Garchi mantiqiy bir soatdan kamroq vaqt o'tmaguncha g'alaba qozonishi mumkin bo'lsa-da, siz rekursiv qo'ng'iroq qilishingiz mumkin va setTimeout() funksiyasi ishga tushirildi. Masalan, qoida tariqasida, setInterval() masofaviy serverda polo uchun 5 soniya vaqt oladi, yaroqsiz serverda bir muddat va xost keyingi ogohlantirish bilan oxirgi soatda yakunlashni chaqirishi mumkin. Shunday qilib, sizga XHR kerakligi ko'rsatilishi mumkin va siz tartibda tiklashingiz kerak.

Sharh: http://learn.javascript.ru/settimeout-setinterval

Barcha JavaScript ilovalarida haftalik funksiyani vazifalar davri davomida oʻrnatish imkonini beruvchi ichki taymer-rejalashtiruvchi boʻlsin.

Zocrema, bu imkoniyat brauzerlar va Node.JS serverlari tomonidan qo'llab-quvvatlanadi.

setTimeout

Sintaksis:

Parametrlar:

• func/kod
  • Vizualizatsiya uchun funksiya yoki kod qatori.
  • Summíností uchun Qator podtremuêtsya, vikoristovuvat її tavsiya etilmaydi.
• kechikish
  • Millisekundlarda kesish, 1000 millisekund 1 soniyaga teng.
• arg1, arg2…
  • Funktsiyaga uzatilishi kerak bo'lgan argumentlar. IE9-da qo'llab-quvvatlanmaydi.
  • Agar kechikish parametri ta'sir qilsa, funksiya bir soat ichida tugaydi.

Masalan, quyidagi kod bir soniyada alert("Salom") ni chaqiradi:

Birinchi argument qatorda bo'lgani uchun tarjimon uchinchi qatorda anonim funksiya yaratadi.

Shunday qilib, bunday yozuv quyidagicha ishlaydi:

SetTimeout("alert("Salom")", 1000);

Ularni anonim funktsiyalar bilan almashtiring:

Belgilangan vaqt( funktsiya()(ogohlantirish ("Salom")), 1000);

Funktsiya va kontekst uchun parametrlar

IE10 yoqilgan barcha zamonaviy brauzerlarda setTimeout funksiya parametrlarini o'rnatish imkonini beradi.

Butt past vivede "Salom, men Vasyaman" burishgan, jirkanch IE9-:

…Ammo, ko'pchilik fikrlar uchun biz eski IEning yordamiga muhtojmiz va biz dalillarni ko'rsatishga yo'l qo'ymaymiz. Ularni topshirish uchun wiki-ni anonim funktsiyaga o'rang:

Wikiclick bu kontekstni setTimeout orqali uzatmaydi.

Zokrema, global kontekstga setTimeout orqali ob'ekt usuliga wickklix. Bu noto'g'ri natijalarga olib kelishi mumkin.

Masalan, user.sayHi() ni bir soniyada aytishimiz mumkin:

setTimeout tugmalari global kontekstda user.sayHi funksiyasini ishga tushiradi, u ob'ektga zanjir orqali kirishga ruxsat bermaydi.

Aks holda, ikkita setTimeout viki bir xil ishlaydi:

Yaxshiyamki, bu muammo oraliq funktsiyalarni yaratish orqali ham osonlikcha buziladi:

Oʻrash funksiyasi argumentlarni oʻzaro brauzer orqali oʻtkazish va oʻrash kontekstini saqlash uchun ishlatiladi.

Skasuvannya vikonannya

setTimeout funksiyasi mos kelishi mumkin bo'lgan timerId identifikatorini aylantiradi.

Sintaksis:

ClearTimeout (taymer identifikatori)

Biz hujumkor dumba uchun taym-autni belgilab oldik va keyin buni ko'ramiz (fikrimizni o'zgartirdik). Natijada, hech narsa chiqmaydi.

belgilangan interval

setInterval usuli setTimeout ga o'xshash sintaksisga ega.

Munozara hissi bir xil. Ale, vídmínu setTimeout , vín ishga tushirish vikonannya funkíї bir marta emas, balki muntazam ravishda bir soatlik interval bilan takrorlang. Zupiniti vikonannya tugmasini bosish mumkin:

ClearInterval(taymerId)

Ishga tushganda qadam qo'yilgan dumba ikki soniya davomida teri ogohlantirishini ko'rsatadi, "To'xtatish" tugmasini bosmang:

setIntervalda vitklik_v ni o'rnating

Haftalik setInterval (funksiya, zatrymka) soat oralig'ini belgilash orqali hushtak chalish funktsiyasini o'rnatadi. Ale, bu erda noziklik bor.

Haqiqatan ham, tsikllar orasidagi pauza kamroq, interval pastroq.

Masalan, setInterval(function() ( func(i++) ), 100) ni oling. Lichnik qiymatini oshirish uchun 100 ms func teri bo'ladi.

Bir oz pastroq, qizil blok - funk soati. Blok orasidagi soat - funktsiyani ishga tushirish orasidagi bir xil soat va kichikroq, murabbo quyida o'rnatiladi!

Shu sababli, brauzer funksiyaning o'zi vaqtini moslashtirmasdan, 100 ms ichida yumshoq tarzda funksiyani ishga tushirishni boshlaydi.

Buvaê, scho vykonannya funktíí̈ bir soatdan ko'proq vaqtni egallaydi, anízh zatrimka. Misol uchun, funktsiya buklanadigan va tartibsizlik kichik. Ammo funktsiya signal oqimini blokirovka qilgandek, ogohlantirish/tasdiqlash/tezkor operatorlaridan qasos olishdir. Va bu erda tsíkaví rechí boshlanadi.

Agar funktsiyani ishga tushirishning iloji bo'lmasa, u holda brauzer band bo'lib, u qatorga kiradi va xuddi brauzer chaqirgandek chiqadi.

Quyidagi rasmlar, agar ular g'olib bo'lsa, funktsiya uchun zarur bo'lgan rasmlarni tasvirlaydi.

setInterval ni ishga tushiradigan haftalik funktsiyalar qatorga va beparvolik bilan qo'shiladi, agar imkon bo'lsa:

Funktsiyaning yana bir ishga tushirilishi birinchisi tugashi bilanoq amalga oshiriladi:

Bir necha marta, chiziqqa vikonnanni qo'ymang.

Agar funktsiyani bajarish bir soatdan ko'proq vaqtni talab qilsa, rejalashtirilgan operatsiyalar soni qancha kam bo'lsa, oxir-oqibat hamma narsa bir marta turadi. Shuningdek, ishga tushirishlarning "to'planishi" sodir bo'lmaydi.

Quyidagi rasmda setInterval funksiyani 200 ms ga kechiktirish va liniyada uyg'otuvchi qo'ng'iroqni o'rnatish uchun ishlatiladi. 300 ms va 400 ms da taymer yana o'tadi, lekin boshqa hech narsa o'tmaydi.

Haftalik setInterval(funktsiya, duduqlanish) haqiqiy duduqlanishni kafolatlamaydi.

Buvayut tebranishlari, agar haqiqiy blokirovka berilgandan kattaroq yoki kamroq bo'lsa. Vzagali zatrimkaga o'xshab ketadigan haqiqat emas.

Ichki setTimeoutni takrorlang

Vipadlarda, agar sizga oddiy takrorlash emas, balki ishga tushirishlar orasidagi obov'azkova zatrim kerak bo'lsa, viconan funktsiyasi bilan setTimeout-ni qayta kiritishingiz kerak.

Quyida 2 soniya va ular orasidagi intervalli ogohlantirishga o'xshash ko't bor.

Soatlik liniyada ishga tushirishlar orasida tuzatishlar bo'ladi. 100ms trim uchun rasm:

Taymerning minimal kechikishi

Brauzer taymerida biroz qoqilib ketishi mumkin. Zamonaviy brauzerlarda u taxminan noldan 4 ms gacha o'zgaradi. Keksa odamlar uchun siz ko'proq bo'lishingiz va 15 ms ga etishingiz mumkin.

Standartning orqasida, minimal duduqlanish 4ms ni tashkil qiladi. setTimeout(..,1) va setTimeout(..,4) oʻrtasida farq yoʻq.

Nol vaqt tugashi bilan setTimeout va setInterval xatti-harakatlari brauzerning o'ziga xos xususiyatlariga ega.

1. Opera, setTimeout(.., 0) setTimeout(.., 4) bilan bir xil. Uni keyingi, pastroq setTimeout(.. ,2) bilan solishtirish mumkin. Tse sooblivist tsgo brauzeri.
2. Internet Explorer-da null stutter setInterval(.., 0) ishlamaydi. Intervalni o'zi belgilashga arziydi, tamom. setTimeout(.., 0) yaxshi ishlaydi.

Spratsovuvannyaning haqiqiy chastotasi

Spratsovuvannya tezroq boy bo'lishi mumkin.Bir qator tebranishlarda trim 4ms emas, balki 30ms yoki 1000ms bo'lishi mumkin.

Ko'pgina brauzerlar (fors tilidagi ish stoli) yorliq faol bo'lmaganda setTimeout/setInterval-ni ishga tushirishda davom etadi. Ularning bir qatori (Chrome, FF, IE10) minimal taymer chastotasini soniyasiga 1 marta qisqartirganda. Chiqish uchun, "fon" omonatchilar taymer bor, deb, lekin kamdan-kam hollarda.

Batareyada, noutbukda ishlaganda brauzerlar chastotani pasaytirishi mumkin, shunda kodni kodlash osonroq va batareya zaryadini himoya qiladi. Ayniqsa, cym vidomy IE. Dalada bir necha marta ekin ekish uchun pasayish mumkin. JavaScript protsessori ishlamay qolganda, taymerlarni bekor qila olmasligingiz mumkin. Agar shunday bo'lsa, setInterval ishga tushirilishi o'tkazib yuboriladi.

Visnovok: 4ms chastotada, varto orient, lekin varto ochmang.

Konsolda intervallarni ko'rish

setTimeout (func, 0) hiylasi

Bu hiyla JavaScript-ni buzish yilnomalariga kiradi.

Funktsiya setTimeout (func, 0) bilan o'ralgan, shuning uchun uni oqim skripti tugagandan keyin ishga tushirishni xohlaysiz.

O'ng tomonda setTimeout birinchi navbatda funktsiyani hech qanday tarzda mag'lub etmaydi. Vín kamroq planuê vv vikonannya. Biroq, JavaScript tarjimoni oqim skriptini bekor qilgandan ko'ra rejalashtirilgan funktsiyalarni bekor qilish ehtimoli ko'proq.

Standartdan keyin setTimeout istalgan vaqtda funksiyani taym-autdan 0 gacha bekor qila olmaydi. Yuqorida aytganimizdek, kutish vaqti 4ms ga aylanadi. Ale smut bu yerda har qanday vaqtda vikonnannya bo'ladi juda kishilar oqim kodining vikonannia quyidagi bo'ladi.

Masalan:

birga

SetInterval(func, delay) va setTimeout(func, delay) usullari func ning muntazam ravishda/har bir kechikish millisekundida bir marta ishlashiga imkon beradi.

Taymer identifikatorini aylantirishning ikkita usuli mavjud. Fermuar uchun clearInterval/clearTimeout ni tez bosish orqali foydalanishingiz mumkin.

| | belgilangan interval | setTimeout | || ----------- | ---------- | | Vaqt | Ide viklik qat'iy taymer orqasida. Kasblar tarjimoni sifatida bir hafta qora rangda yo'qoladi. Funktsiyaning tugash soati kafolatlanmaydi, bir ishga tushirilgandan keyingi oraliq o'zgartirilishi mumkin. | Rekursiv haftalik setTimeout tsikllar orasida pauza talab qilinadigan setIntervalni bekor qiladi. | | Trim Minimal trim: 4ms. | Minimal pasayish: 4ms. | | brauzer xususiyatlari | IE 0 stutterdan foydalanmaydi.Operada 4ms ekvivalentida nol duduqlanish mavjud, stublar aniq qayta ishlanadi, shu jumladan nostandart 1ms, 2ms va 3ms. |

Skript tili bilan dasturlashda vaqti-vaqti bilan pauza yaratish kerak bo'ladi - dasturni ma'lum bir soat davomida to'xtatib turish va keyin robotni davom ettirish. Masalan, VBS va PHP skriptlari quyidagi usullardan foydalanishi mumkin:

VBS: wscript.sleep 1500 (1,5 soniya uyqu)

PHP: uyqu (10); (10 soniya davomida Zupinka)

Píd h podíbnih vykonoyuchu tizimini pauza qiladi (PHP yoki VBS) hech narsa qilma. Rozrobnik intuitiv ravishda Javascriptga o'xshash tarzda harakat qilib ko'rgan bo'lsa, nomaqbul jiringlaydi. Javascriptda pauza qilishga urinayotganda odatiy kechirim quyidagicha ko'rinadi:

Funktsiya badtest() ( uchun (var i = 1; i< 10; i++) { window.setTimeout("document.getElementById("test1").value += " + i, 900) } }

Nima deb o'ylaysiz, agar siz cherga siklidan o'tish paytida siz cherga raqami chizilgan rasmga erishsangiz, sizning setTimeout halollik bilan Javascript robotiga kiring, 0,9 soniyani tekshiring, kiritish maydonining oxiriga raqam qo'shing va keyin robotga o'ting. Lekin, aslida, bunday emas: belgilangan intervalі setTimeout Javascript-da qo'llar bilan ko'rsatilgandek, tíêí̈ díí̈ (abo funktsiyalari) dan ko'proq narsani qo'shish mumkin. Bizning misolimiz quyidagicha ko'rinadi:

1. i = 1;
2. kiritish maydoniga 0,9 soniya davomida "1" raqamini qo'shing;
3. negaino bu vazifani shakllantirishdan so'ng, tsikl yanada davom etdi: i = 2;
4. kiritish maydoniga "2" raqamini 0,9 soniya qo'shing;

negaino masalan, 1 ms degan ma'noni anglatadi (bu ko'zga ko'rinmas darajada kichik, 900 ms ga teng): tsikl bir vaqtning o'zida juda ko'p vazifalarni yaratib, ishingizni amaliy tarzda amalga oshiradi. Tse "rasm" uchun barcha yozuvlar yangi raqamlarni qo'shish o'rtasida pauzalarsiz deyarli bir soatda yakunlanishini anglatadi. Tsikl boshlanadi; hammasi 0,9 ga tushadi; va shirr - barcha raqamlar ketma-ket joylashtirilgan.

Va bunday vipadkani qanday qilib to'g'ri zasosuvat qilish kerak setTimeout? Bu murakkab. Funktsiyani chaqiring rekursiv(funktsiyaning o'rtasida, juda funktsiyasi), va jarayon cheklangan emasligi uchun, aql tishlarini o'rnating (masalan, boshqa raqamning qiymati):

Welltest() funktsiyasi (agar (i< 9) { document.getElementById("test2").value += ++i window.setTimeout("welltest()", 400) } }

Men yana o'zgartiraman i turish funktsiyasini boshlash uchun sodir bo'ladi - masalan, bu kabi:

Eksa endi kerakli darajada ishlamoqda (biz trim soatini 0,9 dan 0,4 s ga o'zgartirdik). Ammo shunga o'xshash vazifalar uchun hali ham to'xtamaslik mantiqiyroq setTimeout a belgilangan interval(agar sizga ikkita funktsiya kerak bo'lsa):

Function besttest() ( window.i = 0 window.timer1 = window.setInterval("draw()", 400) ) function draw() ( document.getElementById("test3").value += ++i if (i) >= 9) clearInterval(window.timer1) )

Javascirpt usulining xususiyatlari belgilangan interval sharobni "o'z-o'zidan" o'tkazmaydiganlar uchun yoga maxsus usul bilan amalga oshirilishi kerak aniq interval. Va shuning uchun juda aql, qo'shimchaga kiritilgan vazifalarga maxsus identifikator - taymer tayinlanganligi aniq bo'ldi: window.timer1 = window.setInterval(...) .

Identifikatorlar sukut bo'yicha, usul yordamida shu tarzda kiritilishi mumkin setTimeout. Barcha taymer identifikatorlari birin-ketin tan olinishi kerak (ular brauzerning oqim oynasida yagona bo'lishi kerak). Xuddi shu narsani kunning oxirida, g'olib tayinlashlar amalga oshirilganda va tayinlashlar parallel ravishda amalga oshirilishi mumkin (bir vaqtning o'zida bir vaqtning o'zida, chunki kompyuter juda ko'p resurslarga ega), bu printsipial jihatdan imkonsizdir. PHP yoki VBS.

Bir vaqtning o'zida bajarilishi mumkin bo'lgan ko'p sonli Javascript taymerlariga ega bo'lgan o'qning orqa tomoni: setinterval.htm (setinterval.js faylida Javascript funktsiyalari). Yon tarafdagi barcha taymerlarning ishlashi (menyu menyusi) Esc tugmasi bilan mahkamlanishi mumkin. Ilovalarning barcha taymerlari "tabiiy" (mavhum emas) ga asoslangan. i++) vídlik - soat yoki vídstaní. Barcha "yubileylar" maxsus sinxronlashtiriladi (aniqlik uchun). Qishloqda yotgan taymerlar "ko'rsatkichlar" va menyuda ko'z qisib qo'yadi, siz ko'rishingiz mumkin ("vyzhdzhaê").

VIP menyu

Bizning menyu, scho vyzhdzhaê - albatta vyzhdzhaê (z-píd "qopqoqlar"): elementlar orasidagi bo'shliqlar maxsus to'ldirilgan, schob bachiti, vííí̈zhdzhaê chiqib kabi. Kutilmaganda, biz turli kunlar ro'yxati uchun silliq o'tishni yarata olmaganimiz ma'lum bo'ldi - hatto kompyuterning past unumdorligi (AMD Athlon 999 MGts) tufayli.

Ko'rinib turibdiki, o'sha uyg'unlikning go'zalligini tugatish kerak, shunda turli xil menyular ro'yxati o'sha soatda tushib ketdi. Tobto dowshi ro'yxatlari ayb vipadati z ko'proq yuqori tezlik, Shorty - kamroq swidkistyu bilan. Buni quyidagicha amalga oshirish mumkin edi:

1. Biz "ko'rish" ning oxirgi soatini o'rnatamiz, masalan, 200 ms.
2. Pastga tushadigan ro'yxatning balandligi 20 piksel bo'lishi mumkin bo'lsa-da, biz uni har 10 ms oraliqda bitta pikselga tushirishimiz mumkin - va hatto 200 msda ham butun ro'yxat mos keladi.
3. Misol uchun, tushadigan ro'yxat, balandligi 40 px bo'lishi mumkin, xuddi shu soatga qo'shilishi uchun biz uni 5 ms uchun bir piksel pastga tushirishda aybdormiz.

Ushbu mantiq uchun, balandligi 200 piksel bo'lishi mumkin bo'lgan ro'yxat kabi, biz yoga 1 ms uchun bir pikselni pastga tushirishda aybdormiz. Ammo bizning kompyuterimizda bunday tezlik ishlamaydi - brauzer oddiygina bir millisekundda yangi ro'yxat pozitsiyasini olmaydi. Shunday qilib. Javascript yaxshi (yaxshi bo'lishi uchun nima bor?), lekin brauzer (Firefox) emas. Internet uchun odatiy holat.

Buning uchun, ozmi-ko'pmi, menyuni ko'rish soati faqat yordam uchun bo'lishi mumkin va qanday qilib hali ham noma'lum. shved kompyuteri. Lekin eng qimmati uchun biz aybdormizmi? Algoritm (kompyuterning proshivka kodini yangilamasdan) quyidagicha ishlaydi:

1. Yuqori soatni ro'yxat ko'rinishiga o'rnating: vaqt = 224 (ms).
2. Tsikldagi bitta intervalning minimal soatini o'rnating: kechikish = 3 (ms).
3. Ro'yxat uchun minimal chegarani o'rnating: ofset = 1 (px).
4. Biz ro'yxatning balandligidagi kuzda hamma narsani o'zgartiramiz: 1) har xil soatni oshirish (interval) balandlikka mutanosib ravishda va yuqori soat vaqtiga to'g'ridan-to'g'ri mutanosib ravishda (224 balandlikda, samaradorlik koeffitsienti) o'raladi. 1); 2) balandligi 40 px uchun kattaroq bo'lsa ham, minimal o'lcham balandlikka mutanosib ravishda kattaroqdir. Doimiy "40" eng oxirgi yo'l tomonidan olib tashlandi to'liq kompyuter. Pentium 4 protsessorli 2,53 gigagertsli kompyuterda testlar bir xil raqamni ko'rsatdi - 40. Aks holda, taymerlar ishlamay qoladi, ro'yxatlar bosqichma-bosqich emas.

Axis endi ko'proq-mensh vií'zhdzhayut ro'yxati. Ko'proq yoki kamroq shunga o'xshash soat uchun. Yon tomonda setinterval.htm.

Bryusning o'qi:

Funktsiya slide_do(obj, maxtop, ofset) ( if (getTopLeft(obj).top).< maxtop) { obj.style.top = getTopLeft(obj).top + offset } else { if (obj && obj.timer1) { clearInterval(obj.timer1) obj.timer1 = null } } }

Menyu ro'yxatlarida yorliqlarni ko'rsatadigan funksiyaning o'zi juda oddiy. Taxminan shunday qatorda vvni ishga tushirishgina qoldi:

ts.timer1 = setInterval(funksiya()(slide_do(ts, maxtop, ofset)), kechikish)

Xo'sh, boshlashdan oldin, faqat maxtop va ofsetning barcha qiymatlarini hisoblang, shuningdek ro'yxatni mintop holatiga qo'ying. "Old" funktsiyasi nima qiladi slayd() rozmirom 40 qator. Va barchasi bir vaqtning o'zida - setinterval.js faylida. Shunday qilib, bu axlat hech qachon biriktirilgan uslublar faylisiz ishlamaydi

Qanday qilib mashq qilishni tushunish juda muhimdir JavaScript taymerlari. Ko'pincha, bizning xulq-atvorimiz boy oqimga intuitiv moyilligimiz bilan buzilmaydi va u bilan bog'liq bo'lib, hid haqiqatan ham bir terda paydo bo'ladi. Keling, ba'zi funktsiyalarni ko'rib chiqaylik, ularning yordami uchun taymerlardan foydalanishimiz mumkin:

• var id = setTimeout(fn, kechikish); - Berilgan duduqlanishdan keyin funksiyani faollashtiradigan oddiy taymer yarating. Funktsiya noyob identifikatorni aylantiradi, uning yordami uchun taymer tayinlanishi mumkin.
• var id = setInterval(fn, kechikish); - setTimeout ga o'xshash, lekin funksiyani ma'lum oraliqda (u chaqirilguncha) doimiy ravishda chaqiradi.
• clearInterval(id); clearTimeout(id); - ID taymerini qabul qiladi (yuqorida tavsiflangan funksiyalardan birini aylantiradi) va qayta qo'ng'iroqni chaqiradi "a.

Ba'zi bir kichkintoyga ko'p ma'lumot berish, uni qanday olish kerak, lekin sizga JavaScript-ning ishlash mexanizmi va asinxroniyasini yaxshiroq tushunish uchun. Ushbu diagrammada soatlar va millisekundlarning vertikal ko'rinishlarida ko'k bloklar allaqachon ko'rinadigan JavaScript kod bloklarini ko'rsatadi. Misol uchun, birinchi blok 18 ms da ishga tushiriladi, sichqonchani bosish taxminan 11 ms ichida bloklanadi.

JavaScript har qanday boshqa asinxron quyi dasturlarni blokirovka qilgan holda, faqat bitta kod bo'lagini bekor qilishi mumkin (bekor yozishning bir torli tabiati orqali). Bu shuni anglatadiki, asinxron pastki (masalan, sichqonchani bosish, taymerni bosish yoki tugallangan XMLHttp-tugallash) muvaffaqiyatsizlikka uchraganda, u qatorga qo'shiladi va keyinroq (amalga oshirish, shubhasiz, brauzerning zaxirasida o'zgaradi, lekin aniq aytaylik).

Avvalo, JavaScript blokining o'rtasidan ikkita taymer boshlanishi aniq: setTimeout 10ms kechikish va setInterval bir xil kechikish bilan. Taymer ishga tushganda, kodning birinchi bloki hali tugallanmagan bo'lsa, u lahzani saqlaydi. Shuni yodda tutingki, VIN-kodni to'g'ridan-to'g'ri ishlatib bo'lmaydi (bir tarmoqli o'tish orqali bu mumkin emas). Natom_st v_dkladen funktsiyasi qora rangda iste'mol qilinadi va keyingi mavjud daqiqada vykonuêtsya.

Bundan tashqari, birinchi JavaScript blokining birinchi soati ostida sichqonchani bosishni ayblang. Obrobnik tsíêí asinxron podííí (lekin u asinxron, shuning uchun biz uni o'tkaza olmaymiz) hozirgi vaqtda tanaffussiz urib bo'lmaydi, shuning uchun u ham taymer kabi chiziqda sarflanadi.

Shundan so'ng, JavaScript kodining birinchi bloki sifatida, brauzer "G'alabani kim tekshiradi?" Oziq-ovqatlarini so'raydi. Shu bilan birga, kollektor sichqonchani bosadi va taymer stantsiyada tanbeh qilinadi. Brauzer ulardan birini tanlaydi (klik) va g'alaba qozonadi. Taymer keyingi soatda soatning mavjud qismini tekshiradi.

Sichqonchani bosish bilan suratga olish hali ham ishlayotgan bo'lsa, birinchi oraliq qo'ng'iroqdan foydalaning. Shunday qilib, xuddi taymer-qayta qo'ng'iroq kabi, qoradan buyurtmalar bo'ladi. Prote, tekshiring, agar men yana oraliq spratsyuê (taymer-qayta qo'ng'iroq mavjud bo'lgunga qadar), g'alaba grafiklardan o'chiriladi. Yakby all interval-callback" va katta kod bo'lagi tekshirilgunga qadar navbatni isrof qilish, bu qo'ng'iroqni ularning oxirigacha kechikishlarsiz tekshirish uchun bir qator funktsiyalar o'rnatilganligiga olib kelgan bo'lar edi. qo'ng'iroqlar. birinchi navbatda chizmaga yana bitta qo'shing.

Shu tarzda, agar xato allaqachon urilgan bo'lsa, uchinchi oraliq-qayta qo'ng'iroq shu daqiqadan so'ng sodir bo'lsa, biz tushishdan ehtiyot bo'lishimiz mumkin. Bu tasvirlash uchun muhim xususiyatdir: intervallarni bir vaqtning o'zida g'alaba qozonganlar uchun ruxsat bermaydi, ular vikonannyami o'rtasidagi zatrim davrini muvozanatlashtirmasdan chiziqqa qo'shiladi.

Nareshti, yana bir intervalli qayta qo'ng'iroq tugallangandan so'ng, umid qilamizki, hech narsa e'tibordan chetda qolmaydi, JavaScript dvigateli aybdor. Bu shuni anglatadiki, brauzer yangi asinxron sub'ektlarni qayta tekshiradi. U 50ms ga o'rnatilishi kerak, intervalli-qayta qo'ng'iroq yana boshlanadi. Ayni paytda yoga to'sqinlik qiladigan hech narsa bo'lmaydi, bu ishlamaydi.

Keling, setTimeout va setInterval o'rtasidagi farqni ko'rsatadigan misolni ko'rib chiqaylik.
setTimeout(function()( /* Ba'zi uzun kod bloklari... */ setTimeout(arguments.callee, 10); ), 10); setInterval(function()( /* Ba'zi uzun kod bloklari... */ ), 10);
Bu ikki variant birinchi qarashda teng, lekin aslida ular emas. Keyingi tsikldan keyin kechikish vaqtini 10 ms ga o'rnatish uchun Timeout ni setTimeout ga o'rnatadigan kod (kattaroq bo'lishi mumkin, lekin u kichikroq bo'lishi mumkin emas) Intervalni setInterval ga o'rnatadigan kod bilan bir xil bo'lib, u avtomatik ravishda terini chaqiradi. 10ms oldinga, marta soniga qarab.

Keling, aytilganlarning hammasini takrorlaymiz:
- JavaScript dvigatellari asinxron kirishlarni tozalangan chiziqqa aylantiradigan bitta torli o'rta dastur bo'lib,
- setTimeout va setInterval funktsiyalari asinxron kodda tubdan farq qiladi,
- Agar hozirda taymerni urib bo'lmasa, u tanaffusning keyingi nuqtasidan oldin yotqiziladi (bu bagan zatrimka uchun qilinganidek),
- Intervallar (setInterval) birma-bir duduqlanmasdan aylanishi mumkin, chunki bu bir soatdan ko'proq vaqtni oladi, quyida duduqlanish tayinlangan.

Bularning barchasi tarqatish uchun juda muhim ma'lumotlardir. JavaScript dvigatelining qanday ishlashini bilish, ayniqsa, ko'p sonli asinxron sub-podlarni (ular tez-tez ishlatiladi) ilhomlantiruvchi qo'shimchalar uchun asos yaratadi.