Guida jQuery - core-2-domready.html - Marco Solazzi - chi mi aiuta a capire?

[esacerbare]

Sto leggendo la guida di Marco Solazzi su jQuery e non riesco a capire il codice del file "core-2-domready.html" disponibile a questo indirizzo:
http://www.html.it/guide/esempi/jque...-domready.html
Mi sarebbe di aiuto se mi indicaste quali sono le parole che fanno parte del codice e quali invece delle variabili scelte a caso per scrivere il programma.
Quello che c'é scritto sulla guida non mi é chiaro, deve essere questo il motivo per cui non riesco a comprendere il listato.

[Xinod]

dove vedi "var" sono ovviamente variabili arbitrarie del programmatore, cui vanno aggiunte date1secs e date2secs
dove vedi # sono id di elementi, ovviamenti arbitrari

il resto e' javascript o costrutti specifici di jquery

[esacerbare]

Visto che sei il moderatore del forum di javascript mi spieghi cosa fa il programmino? Potresti commentarmi il listato linea per linea? Come puoi vedere é molto corto!

var date = new Date(); //oggetto data generico
var start = date.getTime(); //timestamp attuale

$(function () {
var date1 = new Date();
date1secs = date1.getTime();
$("#domready").text(date1secs - start); //millisecondi per caricare il DOM
});

window.onload = function () {
var date2 = new Date();
date2secs = date2.getTime();
$("#windowLoad").text(date2secs - start); // millisecondi per caricare la pagina completa

if (date2secs > date1secs) { //se il DOM viene caricato prima dell'intero documento
$("#windowLoad").css("color","red"); //allora colora il tempo di caricamento del documento in rosso
}
};

Tieni conto che non ho ancora letto nessuna guida di javascript. Ho notato che date, date1, date2 e molte altre si ripetono 2 volte in 2 linee sucessive però non riesco a fare nessun altro legame.
Mi aiuti per favore?

[Xinod]

Originariamente inviato da esacerbare
Tieni conto che non ho ancora letto nessuna guida di javascript

malissimo
fosse per me ti vieterei di cimentarti con le librerie!

[Xinod]

comunque, restando solo nel seminato di jquery

$(function () {...}

equivale a
$(document).ready(function(){...});

che vuol dire "esegui non appena l' alberatura DOM e' disponibile"
il che precede il window.onload, che scatta al caricamento completo del documento
(comprese le immagini)

la logica a questo punto ti dovrebbe essere chiara:
- fuori da funzione (= eseguito appena valutato dal browser) crea un oggetto date e se ne ricava i millisecondi
- al DOMready fa altrettanto, sottrae dalla prima data e ottiene quanti millisecondi ha impiegato a caricare l' xhtml
- all' onload fa altrettanto, per determinare quanto ha impiegato a caricare il tutto

per il resto c'e' la documentazione ufficiale di jquery, ben fatta
text per scrivere il contenuto testuale di un elemento
css per cambiare un valore di un attributo dello stile dell' elemento

[esacerbare]

continuo a non capire... puoi essere più preciso?

per esempio
var date = new Date()
serve a salvare nella variabile "date" l'ora nell'istante in cui il browser prende contatto con il sito a prescindere dai valori pregressi della variabile "date" stessa?

non hai skype o msn? sono proprio così insopportabile?

[Xinod]

Originariamente inviato da esacerbare
non hai skype o msn? sono proprio così insopportabile?

per chiarirci:
cosi' come non ho niente di personale nei tuoi confronti, non mi piace l' idea di diventare riferimento personale di altri
la mia presenza, come utente, in questo forum pubblico e' da intendersi come "do una mano, quando capita, se capita"
buon proseguimento

[esacerbare]

ok allora se il forum é un punto di incontro tangibile di PIU utenti aspetterò qualche volenteroso personaggio che trova il tempo (30 secondi) per commentarmi 10 righe del cacchio di javascript!

pensavo che il forum servisse per chiarire problematiche inerenti alle guide ma evidentemente mi sbagliavo!