Diskuze: setInterval problem
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 3 zpráv z 3.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


Ahoj,
moc jsem to pravděpodobně nepochopil, proč měříš čas podle sebe?
Pokud by to mělo být měření generování stránky, můžeš jednoduše spočítat rozdíl. Dejme tomu, že chceš dobu načítaní mezi document (pouze stránka) a window (celá stránka včetně skriptů, stylu, obrázků apod.).
var docTime;
var winTime;
document.addEventListener("DOMContentLoaded", function() {
docTime = parseInt(new Date().getTime());
});
window.addEventListener("load", function() {
winTime = parseInt(new Date().getTime());
alert(“Načítaní trvalo: ” + (winTime - docTime));
});
A proč tomu tak je?
“Jádro operačního systému velmi rychle střídá na procesoru běžící
procesy” [http://cs.wikipedia.org/…Multitasking]
Jak nám praví Wikipedia, prohlížeč se rychle střídá s jinými aplikacemi a tak vzniká zpoždění, je sice velice málé - v řádech milisekund, či méně - ale je. Sice jsou tam málé nepřesnosti, avšak jak sám píšeš, při delším sledování je rozdíl značně znát.
Ošetření
Aby byl setInterval přesný, budeš si muset vytvořit vlastní intervalovou
funkci, která se bude kontrolovat podle času.
Se svým svolením, jelikož naštěstí pro naše ušetření času nejsi
jediný, kdo si tohoto problému všiml, jsem si půjčil již vytvořenou
funkci:
[https://gist.github.com/manast/1185904]
Použití:
//presny interval//
function interval(duration, fn){
this.baseline = undefined;
this.run = function(){
if(this.baseline === undefined){
this.baseline = new Date().getTime();
}
fn();
var end = new Date().getTime();
this.baseline += duration;
var nextTick = duration - (end - this.baseline);
if(nextTick<0){
nextTick = 0;
}
(function(i){
i.timer = setTimeout(function(){
i.run(end);
}, nextTick);
}(this));
};
this.stop = function(){
clearTimeout(this.timer);
};
}
//////////////////
var startTime = Date.now();
var mujInterval = new interval(1000, function(){ //deklarace
(console.log((Date.now() - startTime) + 'ms')); // tvuj kod
})
mujInterval.run() //spusteni
mujInterval.stop() //vypnuti
Zobrazeno 3 zpráv z 3.